夯實(shí)基本功,從源頭上提高網(wǎng)頁設(shè)計(jì)的美感與排版的方法總結(jié)


這個(gè)問題不論是新人還是老司機(jī),我覺得都一直存在。就我自己對于網(wǎng)頁(Web)的探索一路走來,我覺得要從基本功提高,而不是一味地做很多作品,有量沒有質(zhì),是不能真正提高網(wǎng)頁設(shè)計(jì)能力的。多想多練已經(jīng)是說爛的話了,那如何更有效的”多想多練“?回歸本質(zhì),要訓(xùn)練基本功。哪些是基本功,這里列出幾個(gè)重要的:

1.美術(shù)基礎(chǔ)

可以購買一些專業(yè)美術(shù)書籍學(xué)習(xí)基本的美術(shù)基礎(chǔ)書籍,包括素描、色彩,不一定要精通,大致有個(gè)底,能學(xué)好當(dāng)然是最好的

【書籍+動(dòng)手】

2.軟件基礎(chǔ)

雖然PS基本上爛大街的人都會(huì),但是你要把它用精,是比較難的,比如創(chuàng)造素材,不用美圖秀秀創(chuàng)造美圖秀秀的效果的原理,繪畫,壁紙制作,這些需要扎實(shí)的軟件基礎(chǔ)和各種工具的綜合使用能力,會(huì)一個(gè)皮毛,做個(gè)界面完全沒問題,但是你要想做眼前一亮的設(shè)計(jì),沒有軟件支撐你只能找素材,或者借鑒別人的創(chuàng)作。軟件不建議看書學(xué)習(xí),電子書或視頻即可,更多的需要實(shí)操。

PS掌握以后,軟件盡量掌握多個(gè),比如3D的一些軟件,其它輔助性軟件,以便復(fù)制你創(chuàng)作素材,網(wǎng)頁界面使用Photoshop是比較合適的,利于和開發(fā)協(xié)作。如果你說我不用PS做界面,我用sketch或者類似工具,最后讓開發(fā)自己換算單位,自己調(diào)節(jié)規(guī)范以便適應(yīng)開發(fā)需要,你不遵循規(guī)范設(shè)計(jì),這樣會(huì)導(dǎo)致沖突。

【電子書/視頻+軟件實(shí)操】

3.熟練網(wǎng)格系統(tǒng)

網(wǎng)格是非常有歷史的一個(gè)東西,任何設(shè)計(jì)都離不開他,特別是網(wǎng)頁設(shè)計(jì),前端開發(fā)時(shí)都是基于網(wǎng)格系統(tǒng),所以設(shè)計(jì)師如果對網(wǎng)格理解深入,能夠更好地駕馭布局,而且能夠更好地適配前端開發(fā)的需求。網(wǎng)格說嚴(yán)重點(diǎn),直接會(huì)影響思考的邏輯。比如某些元素是否能夠用代碼做到你想要的效果,我能否這樣布局,這樣布局的底色透明度,容器的安全寬度等等,都會(huì)受網(wǎng)格系統(tǒng)影響。也有相關(guān)的書籍,可以買一本深入學(xué)習(xí)。

更何況,網(wǎng)頁設(shè)計(jì)一開始,你需要學(xué)會(huì)用PS做出一個(gè)規(guī)范的符合開發(fā)邏輯的網(wǎng)格,輔助你接下去的UI設(shè)計(jì)工作??梢娋W(wǎng)格系統(tǒng)并不是不那么重要!

【書籍+軟件實(shí)操】

4.跨行業(yè)靈感

網(wǎng)頁不僅僅只是UI領(lǐng)域,你可以多了解其它行業(yè)比如攝影、平面設(shè)計(jì)、工業(yè)設(shè)計(jì)、電影后期等等,對網(wǎng)頁的設(shè)計(jì)功力會(huì)有意外的提升。要去想這個(gè)作品怎么而來,創(chuàng)作者的思路,甚至你可以學(xué)習(xí)一點(diǎn)簡單的技巧,了解就好,不一定要熟悉。跨行業(yè)非常訓(xùn)練思維能力和全局思考能力。

【書籍+優(yōu)秀作品欣鑒賞】

5.懂得細(xì)節(jié)的取舍

雖然說細(xì)節(jié)決定成敗,但是要實(shí)際開發(fā)開發(fā)落地,不能一味追求1個(gè)像素的細(xì)節(jié),某些地方是要靈活考慮的,細(xì)節(jié)不會(huì)對他產(chǎn)生影響。一個(gè)網(wǎng)頁產(chǎn)品落地,產(chǎn)生它的功效,比如營銷能力,轉(zhuǎn)化率,收益率,曝光率,第一印象,技術(shù)提現(xiàn)。都是要學(xué)會(huì)細(xì)節(jié)和整體的取舍,不能一味鉆牛角尖,覺得你很注重細(xì)節(jié),你就很OK。其實(shí)縱觀大局,有產(chǎn)品思維,對設(shè)計(jì)有取舍,會(huì)從另一個(gè)層面提高網(wǎng)頁設(shè)計(jì)能力。

當(dāng)然細(xì)節(jié)很重要,比如建立網(wǎng)格,建立UI規(guī)范,每個(gè)模塊的設(shè)計(jì),都需要精確細(xì)節(jié),我說的細(xì)節(jié)并不是你注重1像素就叫注重細(xì)節(jié),這樣是不負(fù)責(zé)任的網(wǎng)頁設(shè)計(jì)。

如何訓(xùn)練取舍功力?多和產(chǎn)品撕逼幾次,設(shè)計(jì)師和開發(fā)多撕逼幾次,多被商業(yè)客戶揉捏幾次,那就知道了細(xì)節(jié)取舍的重要性。

【多做商業(yè)小項(xiàng)目,體會(huì)取舍之道】

 ̄ω ̄=

最后,如果你想要提高原創(chuàng)和思考能力,其實(shí)扎實(shí)基本功后,多練多練才能水到渠成。沒有基本功,你怎么去原創(chuàng)?怎么去模仿優(yōu)秀作品?怎么取做有質(zhì)量的練習(xí)?甚至你可能連一張畫Web素描草圖的能力都欠缺。我自己也是一直在基本功上一直行走的打雜人,沒有基本功,不僅僅是網(wǎng)頁設(shè)計(jì)這一行業(yè),做啥都沒底氣。以上是我的個(gè)人見解和經(jīng)驗(yàn)總結(jié)。如果你喜歡本文, 也可以多多關(guān)注我的個(gè)人網(wǎng)站沒位道

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容