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

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

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

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

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

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

在這里我只以商城首頁(yè)為例來(lái)具體講講它的問(wèn)題。只說(shuō)商城首頁(yè)是因?yàn)槲抑浪脑O(shè)計(jì)師是我曾經(jīng)的徒弟飛飛，她是淘寶最出色的視覺設(shè)計(jì)師之一，也是我?guī)н^(guò)的視覺設(shè)計(jì)師中最有靈氣的一位。