淘寶網(wǎng)商城首頁視覺設(shè)計發(fā)布者：本站     時間：2020-05-23 12:05:13

從交互上來說沒有大的問題。大首頁中規(guī)中矩，橫向Tab為主導(dǎo)航、左側(cè)縱向Tab為輔導(dǎo)航（非二級導(dǎo)航，如為二級，最好還是橫的），把淘寶目前的“主業(yè)”、“輔業(yè)”說得非常清楚了。

商城首頁交互更有“出彩”的地方，就是左上角的“所有商品分類”。這個交互在搜索結(jié)果頁面可以體現(xiàn)出它的優(yōu)勢來，算是一個很好的借鑒（應(yīng)該來自amazon )。

但是，從視覺設(shè)計上來講，兩個頁面都有一些問題。特別是大首頁的視覺設(shè)計，可以算得上是重大失誤。

我們說“設(shè)計=解決問題”，而視覺設(shè)計，就是“用視覺語言去解決邏輯問題”。舉一個很簡單的例 子，如果一個東西重要，我們會讓它居中、留白、加大、加粗等等。居中（位置）、留白（色彩）這些都是視覺語言，我們用它來解決一個邏輯問題——“重要”。

視覺設(shè)計師在做設(shè)計的時候，一定要牢牢記住這句話。打開PS之前心里應(yīng)該很明白：我要解決的邏輯問題是什么？然后再打開PS，開始選擇你掌握的視覺語言。

在這里我只以商城首頁為例來具體講講它的問題。只說商城首頁是因為我知道它的設(shè)計師是我曾經(jīng)的徒弟飛飛，她是淘寶最出色的視覺設(shè)計師之一，也是我?guī)н^的視覺設(shè)計師中最有靈氣的一位。