雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

UI圖標(biāo)設(shè)計(jì)的基本原則有什么? 為你提供參考

Time: 2020-02-10

UI圖標(biāo)設(shè)計(jì)的基本原則有什么?這也是為了保證我們的設(shè)計(jì)更加合理必須要堅(jiān)持的內(nèi)容,因此,需要大家停下手中的事情,花一點(diǎn)時(shí)間,與我們共同來(lái)研究下吧,具體如下所述。

  1、UI設(shè)計(jì)

  UI設(shè)計(jì)(或稱界面設(shè)計(jì))是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì),也叫UI界面設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI,互聯(lián)網(wǎng)說(shuō)的UI設(shè)計(jì)是虛擬UI,UI即User Interface(用戶界面)的簡(jiǎn)稱。

  好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。

UI圖標(biāo)設(shè)計(jì)的基本原則有什么? 為你提供參考

 ?。▓D片來(lái)自網(wǎng)絡(luò))

  2、圖標(biāo)

  圖標(biāo)是圖形化用戶界面設(shè)計(jì)中的重要元素之一,也是圖形化用戶界面設(shè)計(jì)中最直接、最生動(dòng)的視覺(jué)形態(tài),有著優(yōu)秀圖形化用戶界設(shè)計(jì)、形象明確、造型突出的圖標(biāo),能夠迅速地被用戶所理解和接受,從而使軟件或程序的使用效率提高,最終帶給用戶很好的使用體驗(yàn)。

  3、UI圖標(biāo)設(shè)計(jì)的幾大原則

  統(tǒng)一性原則

  一個(gè)軟件或程序的系統(tǒng)中,圖標(biāo)的設(shè)計(jì)風(fēng)格需要保持統(tǒng)一。因?yàn)榻y(tǒng)一的圖標(biāo)比單一零散的圖標(biāo)更具品質(zhì),更容易讓用戶理解和接受。圖標(biāo)的造型設(shè)計(jì),可以使用輕松詼諧的繪畫(huà)風(fēng)格,也可以使用簡(jiǎn)潔明快的平面剪影效果或酷炫時(shí)尚的3D效果。

  ①圖標(biāo)的透視效果表現(xiàn),是圖標(biāo)造型中的重要因素。如果某一圖標(biāo)元素的造型設(shè)計(jì)成平行透視的表現(xiàn)效果,那么其他的圖標(biāo),也要按照平行透視效果來(lái)進(jìn)行設(shè)計(jì)。而如果圖標(biāo)元素視覺(jué)效果是成某一個(gè)特點(diǎn)角度,即成角透視效果,那么其他所有的圖標(biāo),都要按照這個(gè)特定角度進(jìn)行設(shè)計(jì)。

  ②圖標(biāo)的光影效果表現(xiàn),也能很好地體現(xiàn)圖標(biāo)的統(tǒng)一性。圖標(biāo)的光影效果,如果不是從同一光源角度射入,那么可能會(huì)導(dǎo)致整個(gè)圖標(biāo)系統(tǒng)視覺(jué)混亂。使用統(tǒng)一的光源效果,不僅可以使圖標(biāo)整體效果統(tǒng)一,而且也會(huì)讓使用者覺(jué)得圖標(biāo)的設(shè)計(jì)比較專業(yè)。

 ?、蹐D標(biāo)的色彩風(fēng)格,也需要和圖標(biāo)造型風(fēng)格相統(tǒng)一。特別是在色彩的選擇和搭配上,盡量考慮色彩三屬性的協(xié)調(diào),色相、明度或純度3項(xiàng)中至少有1項(xiàng)是相互統(tǒng)一協(xié)調(diào)的。同時(shí),顏色選用也不宜過(guò)多,因?yàn)檫^(guò)多的顏色在一個(gè)很小的區(qū)域里出現(xiàn),會(huì)讓人產(chǎn)生雜亂的感覺(jué),影響到最終視覺(jué)效果。

  用戶認(rèn)知性與識(shí)別性原則

  圖標(biāo)設(shè)計(jì)的目的,是通過(guò)符號(hào)化的圖形傳達(dá)信息。因此,圖標(biāo)的用戶認(rèn)知性與識(shí)別性原則,在圖標(biāo)設(shè)計(jì)中就顯得尤其重要。圖標(biāo),是建立在虛擬世界和真實(shí)世界的一種隱喻或映射關(guān)系的橋梁。隱喻旨在“以一種更為明顯,更為熟悉的觀念符號(hào)來(lái)表示某種觀念”,觀念之間存在著類(lèi)似性。

  在圖標(biāo)設(shè)計(jì)中,隱喻是一個(gè)相當(dāng)重要的表現(xiàn)手法。通過(guò)歸納和聯(lián)想,使圖標(biāo)的圖案造型與圖標(biāo)的使用功能,可以建立起最為直接的聯(lián)想。但是,這種直接的聯(lián)想關(guān)系,取決于圖標(biāo)使用用戶的認(rèn)知水平和認(rèn)知習(xí)慣。相較之下,具有隱喻表現(xiàn)手法的界面圖標(biāo)設(shè)計(jì),可以化繁為簡(jiǎn),將抽象事物的內(nèi)涵明確化,讓使用者更容易理解和認(rèn)知,因此顯著地提高了圖標(biāo)在人機(jī)交互間的有效性和準(zhǔn)確性。

  簡(jiǎn)潔性與符號(hào)性原則

  視覺(jué)圖案的寫(xiě)實(shí)程度,與受眾對(duì)視覺(jué)圖案的關(guān)注度,是成正比的。即越寫(xiě)實(shí)的圖案,越容易引起受眾的關(guān)注。因此,設(shè)計(jì)師在進(jìn)行圖標(biāo)設(shè)計(jì)時(shí),其設(shè)計(jì)的圖標(biāo)的視覺(jué)表現(xiàn)越是逼真,越是可以引起用戶更多的注意,也可激發(fā)更多用戶的使用興趣。但是,形象寫(xiě)實(shí)逼真的圖標(biāo)設(shè)計(jì),卻也從另一個(gè)方面影響了圖標(biāo)信息的快速傳達(dá)。

  因?yàn)閳D形在傳遞信息時(shí),其簡(jiǎn)約程度,與受眾的識(shí)別認(rèn)知度,也是成正比的。即越是簡(jiǎn)潔的圖案,越容易讓人識(shí)別和記憶,也越是能高效地傳達(dá)信息。而極度寫(xiě)實(shí)或加入過(guò)多裝飾效果的圖標(biāo),其信息傳達(dá)的快捷度,也是大打折扣的。

UI圖標(biāo)設(shè)計(jì)的基本原則有什么? 為你提供參考

  (圖片來(lái)自網(wǎng)絡(luò))

  象征性的符號(hào),在圖標(biāo)設(shè)計(jì)中也是常見(jiàn)的。符號(hào)圖標(biāo)能夠更快地被用戶所接受、記憶和識(shí)別。同時(shí),符號(hào)圖標(biāo)所使用的圖形文件小,便于硬件的支持和運(yùn)算效率的提高。因此,在圖標(biāo)設(shè)計(jì)時(shí),盡量不要使用過(guò)于復(fù)雜的圖案。過(guò)多的圖形和裝飾效果,會(huì)降低圖形的認(rèn)知度,特別是在小尺寸圖標(biāo)中,由于圖標(biāo)尺寸偏小,導(dǎo)致視覺(jué)上的識(shí)別度降低。

  同時(shí),也需要避免過(guò)多的元素在同一圖標(biāo)中出現(xiàn)。如果必須在圖標(biāo)中加入過(guò)多元素的話,那么就要盡量在圖標(biāo)設(shè)計(jì)時(shí)保持強(qiáng)烈的符號(hào)品質(zhì),讓主體圖案以符號(hào)化的形式出現(xiàn)。在圖標(biāo)中,應(yīng)謹(jǐn)慎地設(shè)置圖標(biāo)的圖形元素,因?yàn)椴豢赡芩械膱D標(biāo),都有使用簡(jiǎn)約的黑白剪影效果。

  尺寸性原則

  由于圖形化用戶界面的使用環(huán)境不同,導(dǎo)致圖形用戶界面在使用中的顯示環(huán)境不同。因此,圖形化用戶界面的圖標(biāo)尺寸,也出現(xiàn)了不同。同時(shí),隨著顯示技術(shù)的不斷發(fā)展,圖標(biāo)對(duì)應(yīng)的顯示尺寸越來(lái)越大,分辨率越來(lái)越高,這使得圖標(biāo)的細(xì)節(jié),也不斷地在進(jìn)行改進(jìn)中。并且跨平臺(tái)軟件的圖標(biāo)大小或像素的數(shù)量,通常按照特定的技術(shù)規(guī)范進(jìn)行設(shè)計(jì) 。一般的圖標(biāo)標(biāo)準(zhǔn)尺寸有4種,分別為像素、24×24 像素、32×32像素和48×48像素。

  UI圖標(biāo)設(shè)計(jì)的原則是什么?以上就是我們?yōu)楦魑慌笥褌冋沓鰜?lái)的幾大點(diǎn),大家是不是都全面的掌握住了呢?


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見(jiàn)

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開(kāi)