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

從交互上來(lái)說(shuō)沒(méi)有大的問(wèn)題。大首頁(yè)中規中矩，橫向Tab為主導航、左側縱向Tab為輔導航（非二級導航，如為二級，最好還是橫的），把淘寶目前的“主業(yè)”、“輔業(yè)”說(shuō)得非常清楚了。

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

但是，從視覺(jué)設計上來(lái)講，兩個(gè)頁(yè)面都有一些問(wèn)題。特別是大首頁(yè)的視覺(jué)設計，可以算得上是重大失誤。

我們說(shuō)“設計=解決問(wèn)題”，而視覺(jué)設計，就是“用視覺(jué)語(yǔ)言去解決邏輯問(wèn)題”。舉一個(gè)很簡(jiǎn)單的例 子，如果一個(gè)東西重要，我們會(huì )讓它居中、留白、加大、加粗等等。居中（位置）、留白（色彩）這些都是視覺(jué)語(yǔ)言，我們用它來(lái)解決一個(gè)邏輯問(wèn)題——“重要”。

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

在這里我只以商城首頁(yè)為例來(lái)具體講講它的問(wèn)題。只說(shuō)商城首頁(yè)是因為我知道它的設計師是我曾經(jīng)的徒弟飛飛，她是淘寶最出色的視覺(jué)設計師之一，也是我帶過(guò)的視覺(jué)設計師中最有靈氣的一位。