什么是UI

　　UI是用戶界面的縮寫。一般是指用戶的操作界面，包括移動APP、網(wǎng)頁、智能穿戴設(shè)備等。上海vi設(shè)計公司肖斌表示，UI設(shè)計主要是指界面風(fēng)格、美觀程度。另一方面，人機(jī)交互的整體設(shè)計、軟件的操作邏輯和優(yōu)美的界面也同樣重要。一個好的UI不僅要使軟件具有個性化的味道，還要使軟件的操作變得舒適、簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

 

　　顏色

　　毫無疑問，每年都有很多產(chǎn)品的更新，或者迭代會更新顏色，好的顏色可以讓人記憶深刻，平庸的顏色只會讓人忽視，所以在塑造一個的時候，顏色一定不要土，要讓人記住。

　　顏色必須符合產(chǎn)品目標(biāo)。如果你的產(chǎn)品主要由年輕人組成，比如instagram，你的顏色可以更加飽和和明亮。如果你的產(chǎn)品更具有商業(yè)包容性，它可以是Facebook的藍(lán)色。

　　Adobe產(chǎn)品每年更新迭代,2年改變,目的是區(qū)分這些不同版本,你可以發(fā)現(xiàn)年度更新除了更新的視覺風(fēng)格,整體顏色也更新,版本的PS顏色是更多的業(yè)務(wù),更穩(wěn)定,和潘通色卡時尚顏色非常接近!

 

　　在這些公司每年的升級中，他們都會關(guān)注顏色的更新和迭代。一方面，他們會占據(jù)用戶心中的色彩，如微信綠、支付寶藍(lán)、美團(tuán)黃、淘寶橙。另一方面，他們的目標(biāo)是讓與戰(zhàn)略更緊密地聯(lián)系在一起。

　　2019年更明顯的例子應(yīng)該是美團(tuán)黃。由藍(lán)色、綠色逐漸過渡到黃色，顏色由LOGO過渡到主頁，讓用戶能夠清晰的感知到變化。

 

　　所以當(dāng)我們需要重塑必須優(yōu)先考慮顏色,因?yàn)轭伾歉菀赘兄娜?也是更明顯的意義上,淘寶每年修訂是的改變顏色,從平面橙色是調(diào)整的梯度,從漸變到現(xiàn)在版本的白色,每次都是讓用戶理解清楚。

　　圖形

　　除了色彩、紙板、圖像等的優(yōu)化之外，還有一個非常重要的元素就是形狀，這一點(diǎn)很容易被很多設(shè)計師忽視，其實(shí)圖形也是情感化的。

　　我們在界面中經(jīng)常使用的卡片、按鈕、菜單、圖像等都是由形狀組成的。這一點(diǎn)在材料設(shè)計中得到了明確的強(qiáng)調(diào)。的谷歌材質(zhì)設(shè)計清楚地告訴設(shè)計師，我們需要使用形狀來增加的吸引力!

　　設(shè)計中突出了圓形浮動操作按鈕和下沉式應(yīng)用導(dǎo)航條。

　　所選的卡具有表示其所選狀態(tài)的曲線弧。

　　如果你想讓你的產(chǎn)品在競爭中脫穎而出，除了顏色，形狀是一個很好的表達(dá)方式，一致的形狀與顏色可以為帶來良好的記憶點(diǎn)。

 

　　不同的圖形,通過用戶心理的感覺是不一樣的,三角形是一個充滿活力和動態(tài)的表達(dá),通常與方向有關(guān),三角形圖形會吸引我們的眼睛自動根據(jù)位置和取向不同的三角形是完全不同的視覺感知,等邊三角形給人穩(wěn)定平衡的感覺,倒三角形給人看起來像冒險和容易緊張的感覺!

　　矩形和圓角是更常用的，很多產(chǎn)品在生活中也都是由這些圖形組成的，手機(jī)、電腦、書籍、相機(jī)等都是矩形組織，矩形的形狀和直角給人以可靠性和安全性!此外，包豪斯的建筑風(fēng)格主要是直角和圓角，所以如果你的產(chǎn)品有一種安全感和性，那么就使用矩形和圓角

　　圓與太陽和地球的性質(zhì)密切相關(guān)，橢圓與宇宙相似。因此，圓形給人一種永恒、未來、神秘的感覺。與其他人物不同的是，圓圈更柔和。

　　因?yàn)橐粋€圓沒有結(jié)束,軟線,特別是國內(nèi)手機(jī)的形狀變得越來越圓和手機(jī)的屏幕適應(yīng)更靈活,在許多運(yùn)動,年輕,基本圓可以被看作是產(chǎn)品設(shè)計的主要趨勢圖形的使用,手道是一個非常好的情況下,從“道”這個詞標(biāo)志一個點(diǎn),進(jìn)入界面圓形符號,等等!因此，當(dāng)你需要升級你的設(shè)，請記住，圖形永遠(yuǎn)不應(yīng)該被忽視。

 

　　除了上面的圖形，還有各種各樣的自然圖形，如樹葉、花朵、動物等等。這些圖形往往被設(shè)計師和藝術(shù)家作為創(chuàng)意的靈感來源，因?yàn)樽匀坏男螤钣幸粋€明確的意義，使人與自然聯(lián)系!作為設(shè)計師，我們需要了解這些圖形的視覺效果，然后將它們應(yīng)用到我們的設(shè)計中!

　　插圖

　　插圖的也是一個非常重要的因素,都在界面設(shè)計中,還是在營銷很多情況下我們都需要插圖創(chuàng)建氛圍和氣質(zhì),我們的產(chǎn)品說明將幫助我們的故事向觀眾,所以在構(gòu)建,說明是非常重要的一個點(diǎn),但我們必須盡可能地了解之前,我們?yōu)榭蛻籼峁┑脑O(shè)計價值,只有通過理解用戶價值,去定義專題報道,幫助產(chǎn)品!

　　字體

　　自從騰訊在20周年紀(jì)念日發(fā)布騰訊字體以來，越來越多的公司在他們的升級中加入了字體。

　　阿里巴巴2019年番干預(yù)會議阿里普惠的身體,為了解決物質(zhì)需求和版權(quán)的高成本之間的矛盾,字體采用現(xiàn)代簡潔的中風(fēng),適用于多種業(yè)務(wù)場景,字體不是一個單純的某些es或擴(kuò)展中文字體的造型特點(diǎn),但在九個作為切入點(diǎn),身體感覺單詞轉(zhuǎn)換身體感覺和弦字體樣式。

　　OPPO字體，隨著整個的升級，OPPO也更新了自己的字體，圍繞科技之美進(jìn)行探索，以獨(dú)特的語言打造出標(biāo)志性、與眾不同的體驗(yàn)。

　　小米發(fā)布了小米蘭亭體，整個字體可以動態(tài)改變厚度是一大創(chuàng)新，可以看出現(xiàn)在的設(shè)計越來越難做，作為一個大公司的設(shè)計，一套專屬的字體似乎已經(jīng)成為了標(biāo)準(zhǔn)。

　　有條件的設(shè)計字體團(tuán)隊，我們應(yīng)該學(xué)會借鑒!另一個是要注意字體版權(quán)。

 

　　圖標(biāo)

　　圖標(biāo)是界面除文字外經(jīng)常使用的一點(diǎn)，一個好的圖標(biāo)能把產(chǎn)品的特點(diǎn)體現(xiàn)得淋漓盡致!

　　讓我們來看看設(shè)計師如何結(jié)合元素到圖標(biāo)使用一個實(shí)際的例子:

　　這是產(chǎn)品的LOGO，它沒有任何的特點(diǎn)，一眼就能看出來，但是設(shè)計師從LOGO中挖掘出一個圖形，也就是半圓弧的圖形作為創(chuàng)意點(diǎn)進(jìn)行設(shè)計，然后將這個圖形運(yùn)用到各個場景中!

　　在這組圖標(biāo),圓角元素,圖標(biāo)和商標(biāo)的顏色匹配,保持黃色標(biāo)識元素,與此同時,圖標(biāo)的弧度的弧線,使用相對較大和軟角,整個標(biāo)志匹配。

　　作為一名設(shè)計師，除了滿足產(chǎn)品的功能設(shè)計之外，賦予你所負(fù)責(zé)的產(chǎn)品以個性和生命力也是我們作為產(chǎn)品設(shè)計師的必要職責(zé)和能力。讓我們回顧一下今天的內(nèi)容，如何在UI中建立，通過以下幾個維度:

　　1.顏色(特色色，不太常見)

　　2.形狀(合理使用形狀特征和定義圖形樣式)

　　3.插畫(符合產(chǎn)品調(diào)性的插畫風(fēng)格)

　　4.字體(定義獨(dú)特的字體，或選擇一種)

　　5.圖標(biāo)(根據(jù)標(biāo)識找到帶有特殊符號的圖標(biāo))

　　但事實(shí)上,更比我上面提到的,還包括之前說,圖片,產(chǎn)品功能等等,不會遙遠(yuǎn),可以做一套模板,濟(jì)南網(wǎng)站建設(shè)公司本系列文章也只是打開你的頭腦和思想,具體怎么做,是我們需要繼續(xù)的項(xiàng)目實(shí)踐。