網(wǎng)頁(yè)設(shè)計(jì)常見(jiàn)表現(xiàn)手法
設(shè)計(jì)的理論有很多,這只是其中個(gè)人覺(jué)得基礎(chǔ)中的基礎(chǔ),zui有代表性的四條而已,并未有以偏概全的意思,設(shè)計(jì)之域,豈可寥寥概括。未來(lái),有機(jī)會(huì)我再進(jìn)行補(bǔ)充與延展。
一,設(shè)計(jì)常見(jiàn)手法之對(duì)比
木有對(duì)比就木有傷害,木見(jiàn)過(guò)大海,不知海之闊,未見(jiàn)過(guò)蒼穹,不知空之廣。沒(méi)見(jiàn)過(guò)其他人做得好的,不知道自己做得有多齪……
對(duì)比作為設(shè)計(jì)zui常見(jiàn)的手法,(本PPT也有用到)其實(shí)用性是很強(qiáng)的。
因?yàn)槠邢?(PS:飛來(lái)一腳把我踹飛:明明是你懶編不下去好么)暫且只描述下字體。
以下啪啦啪啦省略五千字……看圖就好
好了,我們繼續(xù)下個(gè)……
什么!內(nèi)誰(shuí)說(shuō)的只看圖看不懂的……一定要我解釋么。。。
其實(shí)字體粗細(xì)對(duì)比太常見(jiàn)了。設(shè)計(jì)就是規(guī)則中加入一點(diǎn)變化,無(wú)非就只注意的一點(diǎn)是,若是要某段話(huà)有粗細(xì)對(duì)比,zui恰當(dāng)?shù)氖址ㄟ€是使用同一種字體的粗細(xì)效果,但一般中文字體較少,英文的Amsipro,nexa(ps:我會(huì)告訴你這個(gè)就是ppt用的英文字體么),Zona Pro,Gotham就擁有2種或以上的不同效果。大標(biāo)題我們?yōu)榱孙@眼通常都是加粗使用,小部分描述才使用纖細(xì)的。
這樣即保持字體上的統(tǒng)一,減少多余元素,又讓字體不至于太平淡缺乏變化。這樣看起來(lái)才更像是相親相愛(ài)的一家人……
另外,也不僅僅是只有字體才有大小對(duì)比,網(wǎng)頁(yè)上各個(gè)元素之間,也存在大小的對(duì)比,對(duì)比越夸張?jiān)綇?qiáng)烈。其效果……嗯,這又是一個(gè)另外的故事了。
關(guān)于字型對(duì)比,其實(shí)這個(gè)也沒(méi)什么好說(shuō)的,主要是在于不同場(chǎng)合怎么去使用這些不同的字體。
偏文藝范的畫(huà)面(明信片,攝影集排版組合)用手寫(xiě)體, 各類(lèi)電子產(chǎn)品(包含手機(jī))適合標(biāo)題用纖細(xì)字體,若是化妝品,婚紗影樓,女性用品一類(lèi)的就是襯線(xiàn)體,*風(fēng)的,游戲?qū)ｎ},要做出氣勢(shì)的就是毛筆字體,嬰童少兒相關(guān)的才用到圓角字體(因?yàn)樾『⒆尤菀资軅耨R的,所以一切玩具和小孩子用的東西大多都是塑料的,圓圓鈍鈍的,所以引申到設(shè)計(jì)表現(xiàn)形式上,也是相應(yīng)的感覺(jué))
關(guān)于字體的疏密,其實(shí)是zui不好拿捏的一環(huán)了, 大品牌官方banner上常有,如果沒(méi)有拉開(kāi)距離有留白,整張圖都失去尿性。
但其實(shí)大眾能接受并且看得更多的還是相對(duì)緊密點(diǎn)的字體。為什么?很簡(jiǎn)單,因?yàn)橥ǔ７歉叨似放?給過(guò)來(lái)的slogan就沒(méi)有一個(gè)不是文字多且密集的。
在這種情況下。。。你拉開(kāi)個(gè)毛線(xiàn)的距離……你以為人人都有這文采能想出簡(jiǎn)短干練,而又讓人印象深刻的廣告語(yǔ)啊!
說(shuō)的就是你,來(lái)自25世紀(jì)顛覆人類(lèi)思想升華人類(lèi)靈魂堪稱(chēng)千年難得一現(xiàn)道德楷模精神品質(zhì)規(guī)范并且技巧已入臻境的偉大設(shè)計(jì)師某某。
關(guān)于se彩,其實(shí)還是秉承設(shè)計(jì)的原理就是簡(jiǎn)潔而不簡(jiǎn)單,要和整體更加和諧搭配,同時(shí)顯簡(jiǎn)潔的同時(shí),還能讓人感覺(jué)有細(xì)節(jié)。你可以看到我選取的這個(gè)例子中,標(biāo)題的顏se,裝飾的彩帶,頁(yè)面的logo和某個(gè)文字都是同樣的se系。增加了畫(huà)面se彩不單調(diào)的同時(shí),其又統(tǒng)一簡(jiǎn)練。
關(guān)于方向,在設(shè)計(jì)過(guò)程中,你要做這個(gè)效果不僅僅是因?yàn)榭吹狡渌说淖髌防镉眠^(guò)這樣的豎排形式覺(jué)得好看才使用,更多是為了讓你的構(gòu)圖更加和諧恰當(dāng),可以看到左側(cè)就是一個(gè)豎長(zhǎng)的衣架效果。在這種情況下,設(shè)計(jì)師才想到用豎排的效果去填補(bǔ)右側(cè)的空間。
當(dāng)有,你能為你任意某一處細(xì)節(jié)的設(shè)計(jì)都找到一個(gè)合理的解釋的時(shí)候,你的設(shè)計(jì)才算真正入門(mén)。
網(wǎng)頁(yè)設(shè)計(jì)就業(yè)班培訓(xùn)內(nèi)容:
1、美工設(shè)計(jì):設(shè)計(jì)美學(xué)、se彩搭配、網(wǎng)頁(yè)創(chuàng)意思維、網(wǎng)頁(yè)設(shè)計(jì)軟件、網(wǎng)頁(yè)元素設(shè)計(jì)、網(wǎng)頁(yè)界面設(shè)計(jì)、商業(yè)項(xiàng)目設(shè)計(jì)實(shí)訓(xùn)、階段考核
2、前端開(kāi)發(fā):HTML5+CSS3布局與樣式、Ja-vascript交互開(kāi)發(fā)、Web前端整站項(xiàng)目實(shí)訓(xùn)
3、移動(dòng)端開(kāi)發(fā): H5高ji功能、CSS3動(dòng)畫(huà)詳解、webAPP開(kāi)發(fā)、公眾號(hào)開(kāi)發(fā)、小程序開(kāi)發(fā)、Vue。js實(shí)戰(zhàn)運(yùn)用、階段考核等
4、高ji框架與后臺(tái)交互:Angular。js、React。js、PHP入門(mén)、DedeCMS等綜合應(yīng)用
5、就業(yè)指導(dǎo):心態(tài)與服務(wù)、商務(wù)禮儀、畢業(yè)設(shè)計(jì)、行業(yè)分析、面試技巧、實(shí)習(xí)工作等
培訓(xùn)目標(biāo):能系統(tǒng)全面的學(xué)習(xí)界面設(shè)計(jì)、前端開(kāi)發(fā)、移動(dòng)端開(kāi)發(fā)、后臺(tái)交互開(kāi)發(fā)、網(wǎng)頁(yè)美工設(shè)計(jì),結(jié)業(yè)后相當(dāng)于有半年左右工作經(jīng)驗(yàn),能成功勝任設(shè)計(jì)、前端、移動(dòng)端開(kāi)發(fā)等職位。
認(rèn)證證書(shū):《網(wǎng)頁(yè)設(shè)計(jì)師》《網(wǎng)頁(yè)美工設(shè)計(jì)師》《Web前端工程師》
可免費(fèi)試聽(tīng),滿(mǎn)意再報(bào)名,咨詢(xún):干老師,手機(jī):137-6487-7732,qq:2290425711,v信:ffeduhaha,上海多個(gè)校區(qū)可以就近安排學(xué)習(xí),詳情可致電!
