正文

如何介紹自己的ui作品（如何介紹自己的ui作品）

發(fā)布時(shí)間：2023-04-29 13:15:05 稿源：創(chuàng)意嶺閱讀： 803

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于如何介紹自己的ui作品的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國(guó)，設(shè)計(jì)相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、UI作品的簡(jiǎn)介
2、UI設(shè)計(jì)作品點(diǎn)評(píng)
3、怎樣讓自己的UI設(shè)計(jì)作品看上去更高級(jí)？
4、什么樣的UI設(shè)計(jì)作品可以稱之為優(yōu)秀作品？

如何介紹自己的ui作品（如何介紹自己的ui作品）

一、UI作品的簡(jiǎn)介

UI即User Interface（用戶界面）的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由、充分體現(xiàn)軟件的定位和特點(diǎn)

二、UI設(shè)計(jì)作品點(diǎn)評(píng)

UI設(shè)計(jì)作品關(guān)注以下維度

UI層：空間布局、圖標(biāo)細(xì)節(jié)、色彩使用、圖片素材；

UE層：產(chǎn)品策略、用戶體驗(yàn)、交互設(shè)計(jì)、動(dòng)效延伸；

好的卡片模塊需要包含以下幾點(diǎn)：

1.淺灰色的背景色

2.合適的投影（不過(guò)輕，也不過(guò)重）

3.合適的留白，和以圖片為主的視覺

總結(jié)：

1.純文本層也需要突顯視覺層次，從細(xì)節(jié)做起

2.在亮色系背景上我們建議用面型，而暗色系背景上，建議用線性

3.UI架構(gòu)以扁平為設(shè)計(jì)原則，局部圖標(biāo)可采用微寫實(shí)，突出質(zhì)感

4.一些適合英文展現(xiàn)的字體：1.Lato 2.Dosis 3.Din pro-light(適合數(shù)字展現(xiàn))

5.UI要考慮用戶閱讀界面的視覺引導(dǎo)性，重點(diǎn)模塊要使用設(shè)計(jì)手法來(lái)引導(dǎo)用戶閱讀；

6.Material Design懸浮按鈕的精髓在于：微漸變+合適的彌散投影+有呼吸感的白色圖標(biāo)；

7.ICON 視覺大小統(tǒng)一、圖標(biāo)趣味性、辨識(shí)度

常用的趣味性tab處理方式：

1.選中圖標(biāo)，微高光點(diǎn)綴（羽化穿白色的圓，降低透明度）

2.tab板塊有顏色區(qū)分

3.圖標(biāo)的處理，斷點(diǎn)、線條統(tǒng)一粗細(xì)

4.微小動(dòng)效，點(diǎn)擊圖標(biāo)后，可采用果凍放大抖動(dòng)增加趣味體驗(yàn)

三、怎樣讓自己的UI設(shè)計(jì)作品看上去更高級(jí)？

1、在UI設(shè)計(jì)作品使用色彩和字重來(lái)創(chuàng)造層次結(jié)構(gòu)，而不是單純的大小對(duì)比

在對(duì)UI 文本進(jìn)行樣式控制的時(shí)候，最常見的錯(cuò)誤莫過(guò)于過(guò)度依賴字體大小差異來(lái)營(yíng)造對(duì)比。其實(shí)，單純使用字體大小對(duì)比，所營(yíng)造的對(duì)比并不夠，嘗試結(jié)合色彩和字重來(lái)營(yíng)造更好的對(duì)比效果。

如果可以的話，你甚至可以采用兩到三種顏色：主要內(nèi)容采用深色;次要內(nèi)容采用灰色;輔助性內(nèi)容采用淺灰色。類似的，在UI設(shè)計(jì)的時(shí)候，通常兩種不同的字重足以營(yíng)造出優(yōu)秀的層次感：大多數(shù)的文本采用正常的字重(400到500，具體取決于字體);對(duì)于需要強(qiáng)調(diào)的文字采用較重的字重(600到700，具體取決于字體)

2、UI設(shè)計(jì)作品中不要在有色背景上使用灰色的文本

在白色背景下，將黑色的文本改成灰色，是不錯(cuò)的淡化其視覺效果的做法，但是在彩色背景下這么做，則是另外一回事。實(shí)際上，讓白色背景下文本由黑變灰實(shí)際上是達(dá)到降低對(duì)比度的效果。但是在彩色背景下，想要降低對(duì)比度是應(yīng)該讓文本逐步接近背景色，而不是改為灰色。

一般情況下，想要降低和背景色之間的對(duì)比，通常有兩種方法：

①降低白色文本的不透明度

降低不透明度，能夠讓背景的顏色透過(guò)來(lái)一些，以一種不沖突的方式降低前景文字和背景之間的對(duì)比度。

②基于背景色手工挑選文本的顏色

當(dāng)背景是圖像或者圖案的時(shí)候，半透明的文本會(huì)影響可讀性，這個(gè)時(shí)候最好是基于背景主色調(diào)來(lái)挑選相應(yīng)的文本色。

3、UI設(shè)計(jì)作品中并非每個(gè)按鈕都需要顏色

很多時(shí)候，按鈕本身所處的語(yǔ)境和按鈕上的文本內(nèi)容會(huì)讓人感到迷惑。像BootStrap 這樣的框架就讓設(shè)計(jì)師按照語(yǔ)境和語(yǔ)義來(lái)進(jìn)行選擇的。

在設(shè)計(jì)這些交互的時(shí)候，通過(guò)層次結(jié)構(gòu)來(lái)呈現(xiàn)這些交互的重要性是很重要的設(shè)計(jì)環(huán)節(jié)。一般情況下，主要操作應(yīng)該很明顯。采用實(shí)色、高對(duì)比度的按鈕是很有必要的。次要操作應(yīng)該明顯，但是不突出，采用幽靈按鈕或者和背景對(duì)比度較低的色彩是比較合理的。三級(jí)操作應(yīng)該是可被發(fā)現(xiàn)，但是不明顯的，他們最好被設(shè)計(jì)為鏈接。

以上就是關(guān)于如何讓自己的UI設(shè)計(jì)作品更高級(jí)的相關(guān)內(nèi)容，希望對(duì)想要學(xué)習(xí)UI設(shè)計(jì)的小伙伴們有所參考，想要了解更多UI設(shè)計(jì)相關(guān)內(nèi)容，歡迎大家在平臺(tái)及時(shí)查看。

四、什么樣的UI設(shè)計(jì)作品可以稱之為優(yōu)秀作品？

1、從交互性與易用性來(lái)鑒別

成功的UI設(shè)計(jì)作品要有交互性和易用性，使用戶快速上手，能玩，能用，才是重點(diǎn)。界面設(shè)計(jì)是和用戶緊密結(jié)合的，是一個(gè)不斷為用戶設(shè)計(jì)滿意效果的過(guò)程。所以就算你設(shè)計(jì)的作品再精美，如果不實(shí)用，也是一件失策的作品。

通常來(lái)講，目標(biāo)受眾越廣泛，設(shè)計(jì)就越需要簡(jiǎn)潔且偏傳統(tǒng)，這就是你經(jīng)常會(huì)看到一些APP沒什么特色，缺少了個(gè)性色彩等方面的元素，但又很實(shí)用的原因。另外，有一些設(shè)計(jì)很華麗、炫酷、或者很奇葩，這些設(shè)計(jì)適用于小眾群體，并不適合大眾口味。

2、從表單的設(shè)計(jì)鑒別

表單設(shè)計(jì)在界面中很常見，看到一眼望不到頭的表單，很多用戶總是望而卻步。為了緩解用戶這種抗拒的心理，做界面設(shè)計(jì)時(shí)，設(shè)計(jì)者因此要考慮把表單精簡(jiǎn)或者進(jìn)行分步驟展示，這樣用戶體驗(yàn)會(huì)更好。最好將相同屬性的表單合并歸類，采用逐項(xiàng)填寫的方式。通過(guò)這樣的視錯(cuò)覺，讓用戶感覺內(nèi)容好像很少，從而來(lái)完成表單的填寫。

3、從細(xì)節(jié)上鑒別

市面上的APP琳瑯滿目，各種的界面設(shè)計(jì)更是令人眼花繚亂。那怎樣才能使自己的設(shè)計(jì)在眾多產(chǎn)品中脫穎而出?怎樣能給用戶帶來(lái)新鮮感、眼前一亮?怎樣能讓用戶在使用你的產(chǎn)品時(shí)，會(huì)因?yàn)橐恍┘?xì)節(jié)而記住你?這是每個(gè)UI設(shè)計(jì)師都要考慮的問(wèn)題，這時(shí)候細(xì)節(jié)就很關(guān)鍵了。

細(xì)節(jié)雖然不能決定的成敗，但從微小的細(xì)節(jié)和微小的創(chuàng)意上可以判別，你是否用心。細(xì)節(jié)的設(shè)計(jì)可以體現(xiàn)在加載、引導(dǎo)、icon、分割線、音效等各種地方。不過(guò)，大家在添加細(xì)節(jié)時(shí)要注意合理性，一切得要建立在需求和體驗(yàn)之上。

以上就是青藤小編今天的全部分享了，如何判別UI設(shè)計(jì)作品的好壞?相信大家也了解的差不多了，這時(shí)候不妨拿出自己的設(shè)計(jì)作品做個(gè)練習(xí)吧!

以上就是關(guān)于如何介紹自己的ui作品相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。