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