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

時間：2023-09-10 22:30:02 | 來源：網(wǎng)站運營

時間：2023-09-10 22:30:02 來源：網(wǎng)站運營

夯實基本功，從源頭上提高網(wǎng)頁設(shè)計的美感與排版的方法總結(jié)：這篇文章其實是源于回答本站的問題系統(tǒng)化總結(jié)的，因為是網(wǎng)頁設(shè)計中的剛性問題，覺得還是做一個歸納會比較好，順便豐富一下自己的“理論”知識系統(tǒng)。

--------------------------

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

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

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

【書籍+動手】

2.軟件基礎(chǔ)

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

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

【電子書/視頻+軟件實操】

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

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

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

【書籍+軟件實操】

4.跨行業(yè)靈感

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

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

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

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

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

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

【多做商業(yè)小項目，體會取舍之道】




￣ω￣=

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