超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

阿里交互設(shè)計(jì)專家:國(guó)外的視覺(jué)設(shè)計(jì)好在哪里?

2015-11-4    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


來(lái)源:莫貝網(wǎng)

最近為了團(tuán)隊(duì)能做好產(chǎn)品首頁(yè)設(shè)計(jì),我研究了很多國(guó)外to B類的相關(guān)產(chǎn)品設(shè)計(jì)。發(fā)現(xiàn)國(guó)外這類設(shè)計(jì)作品在整體水準(zhǔn)上比國(guó)內(nèi)高了不止一個(gè)檔次(國(guó)內(nèi)to B產(chǎn)品起步較晚,在設(shè)計(jì)方面的研究幾乎空白),而這種差距和設(shè)計(jì)技法沒(méi)有太多關(guān)系,更多的是對(duì)產(chǎn)品個(gè)性的把握和傳達(dá)。

8lj20151125

△ 國(guó)外一些to B 產(chǎn)品的首頁(yè)設(shè)計(jì)

以上是我隨便找的幾個(gè)產(chǎn)品的首頁(yè)截圖,大家感受下??偟膩?lái)說(shuō),國(guó)外設(shè)計(jì)有以下幾個(gè)特點(diǎn):

一、超高逼格(放大看)

所謂“高端大氣上檔次”,可能也就是這樣了吧。由于我不是專業(yè)做視覺(jué)設(shè)計(jì)的,所以也很難說(shuō)出其中的原因,相信視覺(jué)設(shè)計(jì)師會(huì)從不同的角度講出很多門道。

二、充滿個(gè)性(縮小看)

我認(rèn)為“個(gè)性”是中外設(shè)計(jì)最大的區(qū)別:中國(guó)的設(shè)計(jì)師比較注重是否滿足客戶需求,是否符合產(chǎn)品定位,是否美觀和諧,細(xì)節(jié)是否夠精致;國(guó)外的設(shè)計(jì)師除此 之外,還非常注重整體感和產(chǎn)品個(gè)性的表達(dá):每個(gè)網(wǎng)站風(fēng)格看起來(lái)都非常的與眾不同,你很難找到看起來(lái)非常雷同的設(shè)計(jì),而國(guó)內(nèi)設(shè)計(jì)雷同的網(wǎng)站比比皆是。

7lj20151125

國(guó)外to B 產(chǎn)品首頁(yè)縮小后,依然可以快速辨認(rèn)

6lj20151125

國(guó)內(nèi)to B產(chǎn)品首頁(yè)縮小后,辨認(rèn)較困難

比如上圖所示,國(guó)外的to B產(chǎn)品首頁(yè)辨識(shí)度較高,即使縮小后,我依然可以輕松辨認(rèn)出是哪一家的網(wǎng)站。而國(guó)內(nèi)的to B產(chǎn)品(我找的都是國(guó)內(nèi)的大公司或行業(yè)知名公司)首頁(yè)縮小后,辨識(shí)比較困難(盡管我對(duì)這些網(wǎng)站都很熟悉)。

三、品牌感強(qiáng)(看首屏)

國(guó)外網(wǎng)站讓我感受最深刻的,是對(duì)品牌的塑造和表現(xiàn)力(第一屏非常重要)。Basho的傳統(tǒng)日式風(fēng)格,Docker的海洋主題,F(xiàn)oundation長(zhǎng)兩只角的小萌獸,Heroku的紫色+干練線條,Cloudera的抽象圖形及色彩運(yùn)用等等,都給我留下了深刻的印象。

5lj20151125

對(duì)色彩、圖形、設(shè)計(jì)元素的大膽想象及運(yùn)用,在不拘一格之間又形成了默契的行業(yè)共性。共性中充滿個(gè)性,是國(guó)外to B網(wǎng)站給我的整體感覺(jué)。而這種專業(yè)及個(gè)性的表達(dá),建立在對(duì)品牌的深刻理解及創(chuàng)造發(fā)揮上。這是目前國(guó)內(nèi)的設(shè)計(jì)師比較欠缺,并且不夠重視的地方。國(guó)內(nèi)的設(shè)計(jì)師 往往接到需求,看看競(jìng)品就開(kāi)始設(shè)計(jì)了。正是這個(gè)關(guān)鍵環(huán)節(jié)的缺失,造成了設(shè)計(jì)結(jié)果的差異。

四、符號(hào)運(yùn)用(看細(xì)節(jié))

很多to B網(wǎng)站的圖標(biāo)也具有這個(gè)特征:共性中充滿個(gè)性。比如Palantir(知名大數(shù)據(jù)網(wǎng)站,估值達(dá)200億美金)的圖標(biāo)類似原子的運(yùn)動(dòng)軌跡;Heroku的一 組圖標(biāo)外形全是六邊形;Foundation的圖標(biāo)出現(xiàn)了我們熟悉的網(wǎng)格線和尺寸標(biāo)記,意味著嚴(yán)謹(jǐn)縝密;Basho的兩組圖標(biāo)分別運(yùn)用了傳統(tǒng)水紋元素及折 紙?jiān)?,向世界宣告這是一個(gè)來(lái)自亞洲的網(wǎng)站。通過(guò)統(tǒng)一符號(hào)的延展運(yùn)用,既突出了品牌感覺(jué),又讓人感到獨(dú)具匠心,妙不可言。這樣的網(wǎng)站你怎么可能記不住呢?

4lj20151125

幾個(gè)國(guó)外to B網(wǎng)站的圖標(biāo)

 

再看AWS,無(wú)處不在的曲線分割元素讓很多人記住了它的頁(yè)面,即使有些人很討厭這種風(fēng)格。

3lj20151125

AWS 首頁(yè)部分位置

當(dāng)然,品牌符號(hào)(與品牌含義相關(guān)的特定元素符號(hào))與網(wǎng)站整體的品牌設(shè)定是分不開(kāi)的。比如Palantir可能是想強(qiáng)調(diào)精尖科技,Heroku想通過(guò) 六邊形強(qiáng)調(diào)穩(wěn)定和科技(六邊形類似化學(xué)元素符號(hào)),F(xiàn)oundation想強(qiáng)調(diào)嚴(yán)謹(jǐn),Basho想強(qiáng)調(diào)日本的傳統(tǒng)文化,AWS想強(qiáng)調(diào)云計(jì)算的彈性、靈活等 等。

所以這里有一個(gè)小技巧:明確你的產(chǎn)品想突出的感覺(jué),設(shè)定與之相符合的元素符號(hào)并在適合的位置反復(fù)出現(xiàn),個(gè)性感和品牌感就會(huì)呼之欲出,設(shè)計(jì)質(zhì)量立刻提升一個(gè)臺(tái)階。

四、元素呼應(yīng)(看聯(lián)系)

看看Cloudera吧,首頁(yè)不同部分(首頁(yè)三屏中不同部分的截圖對(duì)比)的關(guān)聯(lián)是不是感覺(jué)很像是電影中的隱藏劇情般引人入勝呢?黃、藍(lán)、綠三種顏色的不同處理方式(交融、分離、疊加)構(gòu)成了整體頁(yè)面既統(tǒng)一、個(gè)性、又有巧妙聯(lián)系的視覺(jué)語(yǔ)言。

2lj20151125

Cloudera首頁(yè)三個(gè)部分的對(duì)比

再看看Basho,無(wú)處不在的呼應(yīng):不管是圖形、元素還是圖標(biāo),并且不同頁(yè)面風(fēng)格也高度統(tǒng)一。

1lj20151125

Basho各網(wǎng)頁(yè)截圖對(duì)比

元素呼應(yīng)對(duì)設(shè)計(jì)師的要求非常高,需要靜下心來(lái)去思考、嘗試以及創(chuàng)新。首先需要對(duì)產(chǎn)品有很深入的理解,然后在此基礎(chǔ)上大膽想象及發(fā)揮,產(chǎn)出產(chǎn)品的個(gè)性 關(guān)鍵詞,再通過(guò)一些專業(yè)方法賦予靈感,設(shè)定設(shè)計(jì)主題(品牌感強(qiáng)),然后通過(guò)反復(fù)試錯(cuò)以及細(xì)節(jié)推敲,逐漸明晰品牌符號(hào)的運(yùn)用(符號(hào)運(yùn)用)及關(guān)聯(lián)方式(元素呼 應(yīng))以及表達(dá)手法,最后得到充滿個(gè)性、超高逼格的作品。

五、更新速度(看變化)

由于我平時(shí)經(jīng)常分析這些優(yōu)秀的網(wǎng)站,所以我發(fā)現(xiàn),每隔幾個(gè)月,這些網(wǎng)站就會(huì)有明顯的變化。而分析這些網(wǎng)站前后的對(duì)比,對(duì)我了解網(wǎng)站設(shè)計(jì)趨勢(shì)有很大的幫助。另外我也從中明白,再好的網(wǎng)站,也需要不斷更新迭代;而不是固守優(yōu)秀成果,不思進(jìn)取。這點(diǎn)對(duì)設(shè)計(jì)師來(lái)說(shuō)非常的重要。

hb20151125 (1)

Foundation首屏前后對(duì)比

hb20151125 (2)

Foundation首屏圖標(biāo)前后對(duì)比

比如Foundation最近做了一次設(shè)計(jì)改版。在這次改版中,文案和品牌內(nèi)核沒(méi)有發(fā)生變化(還是兩個(gè)角的小萌獸,還是之前的圖標(biāo)內(nèi)容),只是設(shè)計(jì) 風(fēng)格改變了。從中可以看出品牌內(nèi)核的重要性及穩(wěn)定性。新的設(shè)計(jì)風(fēng)格更加現(xiàn)代、簡(jiǎn)潔(新版圖標(biāo)外沿依然有和頭圖呼應(yīng)的品牌符號(hào),截圖可能看不清楚)。

最后,大家一定想更加具體的了解設(shè)計(jì)高逼格、有個(gè)性、品牌感強(qiáng)的產(chǎn)品設(shè)計(jì)方法及流程,如果有興趣的話請(qǐng)關(guān)注我下一篇文章。另外我相信,這些方法也同樣適用于to C的產(chǎn)品。如果你能理解我所講的思維及方法,設(shè)計(jì)質(zhì)量一定會(huì)有突飛猛進(jìn)的提升。

 

原文地址:blog.sina
作者:劉津legene

藍(lán)藍(lán)設(shè)計(jì)m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔