<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 超實(shí)用的12個(gè)UI設(shè)計(jì)法則,大神都在用!

          2022-4-2    周周

          1.連續(xù)性法則


          連續(xù)性的元素排列形成組織關(guān)系,能夠讓閱讀變得更加的連貫和清晰。目的是為了驅(qū)動(dòng)用戶完成我們想要的操作,如左滑可以看到更多卡片。通過(guò)連續(xù)性的方式進(jìn)行引導(dǎo)告知,用戶隱藏的部分。 


          例如:導(dǎo)航分類、列表、輪播圖、卡片中都有運(yùn)用。提示了用戶查看更多信息,在輪播圖中經(jīng)常會(huì)用到這個(gè)方法設(shè)計(jì)。 







          2.相似性法則


          我們的視覺(jué)感官會(huì)把相似的元素聯(lián)系在一起,主觀認(rèn)為這些元素有同樣的意圖,所以在設(shè)計(jì)相同狀態(tài)或相同功能元素時(shí),我們需要保持視覺(jué)的統(tǒng)一性,讓用戶認(rèn)為是一樣的功能按鈕或模塊。 



          看到導(dǎo)航欄下方的圖標(biāo),因?yàn)樾螤畲笮∫恢?,用戶?huì)認(rèn)為他們的功能屬于同一類型,并且可以點(diǎn)擊。 





          3.封閉性法則


          在我們看到一個(gè)殘缺的圖形時(shí),我們會(huì)腦補(bǔ)出它完整的樣子。這種表現(xiàn)方式經(jīng)常會(huì)用到LOGO的設(shè)計(jì)中,同樣在界面設(shè)計(jì)中也會(huì)運(yùn)用。 


          例如圖標(biāo)、可視化圖表等。 




          4.鄰近性法則


          我們的眼睛會(huì)把相鄰的內(nèi)容組成一組,從而減少內(nèi)容帶來(lái)的閱讀壓力。這是設(shè)計(jì)中必不可少的排版方法,特別是復(fù)雜的信息流頁(yè)面,經(jīng)常會(huì)運(yùn)用鄰近性方法進(jìn)行設(shè)計(jì),保證信息傳遞更有條理性。 


          在設(shè)計(jì)的時(shí)候,利用間距將元素組合在一起,這種方法通常會(huì)運(yùn)用在內(nèi)容信息、卡片、橫幅中。 





          5.對(duì)稱性法則


          對(duì)稱的圖形會(huì)讓我們感覺(jué)穩(wěn)定可靠。我在界面設(shè)計(jì)中為了提高穩(wěn)定性會(huì)運(yùn)用對(duì)稱法則進(jìn)行設(shè)計(jì)。但是過(guò)度使用對(duì)稱會(huì)讓人感覺(jué)單調(diào)和乏味,所有需要合理運(yùn)用對(duì)稱性法則,在適當(dāng)時(shí)候出現(xiàn)。 


          這個(gè)方法通常會(huì)運(yùn)用在焦點(diǎn)圖、產(chǎn)品展示、列表、導(dǎo)航中。 



          6.組合性法則


          為了提高頁(yè)面中內(nèi)容關(guān)系,會(huì)進(jìn)行視覺(jué)性分組。采用卡片框的形式進(jìn)行區(qū)分,從而讓多種元素整合成塊,讓布局更加的規(guī)整。 


          組合性法則經(jīng)常會(huì)用到內(nèi)容、列表的設(shè)計(jì)中。 



          7.同屬性法則


          在同一個(gè)方向移動(dòng)的元素,會(huì)感覺(jué)到它們是有聯(lián)系的。如點(diǎn)擊折疊菜單后,同時(shí)出現(xiàn)的多個(gè)元素,它們是有聯(lián)系的。這樣的規(guī)律可以有效建立元素的關(guān)系,從心理上認(rèn)為它們的屬性一致,這樣的方式經(jīng)常會(huì)出現(xiàn)在導(dǎo)航、下拉菜單、折疊菜單中。 





          8. 焦點(diǎn)性法則


          通過(guò)加強(qiáng)對(duì)比度或?qū)υ胤糯髞?lái)凸顯重點(diǎn),從而吸引眼球。目的是為了讓用戶聚焦到我們想讓他看到的信息上,從而引導(dǎo)用戶關(guān)注重點(diǎn)信息。特別是在詳情頁(yè)中或提示性框中,會(huì)使用“焦點(diǎn)法”進(jìn)行設(shè)計(jì)。 





          9. 生理性法則


          越真實(shí)的感觀越容易被接受,同樣也能吸引注意力。就像文字不如圖片好閱讀,而圖片不如視頻更加直觀一樣。通過(guò)圖像可以多感知傳遞信息,所以很多產(chǎn)品會(huì)用照片或視頻來(lái)激發(fā)用戶購(gòu)買。為了讓體驗(yàn)更有趣,還會(huì)通過(guò)震動(dòng)或音效來(lái)強(qiáng)化感知。 



          照片對(duì)比圖能讓用戶直觀的看到整容前后的效果,激發(fā)整容的欲望。 



          10. 隔離性法則


          人的視線容易被不同元素或突出元素吸引,并且能很快的記住。這個(gè)法則很容易與焦點(diǎn)法則相混淆。不同的地方是,應(yīng)用這個(gè)規(guī)則的元素往往是獨(dú)立存在的,并沒(méi)有額外的功能和信息。 



          11. 色彩心理學(xué)


          顏色對(duì)我們的潛意識(shí)有特別的影響。不同性別、不同宗教、不同文化的人對(duì)色彩的看法也不同。例如紅色代表的是錯(cuò)誤、綠色代表了成功、藍(lán)色代表著進(jìn)行中、黃色代表活力同時(shí)隱含著危險(xiǎn)感。 





          12. 形狀心理學(xué)

          形狀是所有設(shè)計(jì)中無(wú)法忽略的關(guān)鍵因素。研究表明,每種形狀有著它們的含義。和顏色一樣,人的潛意識(shí)對(duì)不同的形狀也有不同的反應(yīng)。 


          方形和矩形


          由于我們會(huì)看的物體墻壁、家具、圖書都是方形和矩形的形狀,潛意識(shí)會(huì)認(rèn)為直角帶來(lái)可靠和安全的感覺(jué)。但過(guò)度使用會(huì)造成“死板”的感覺(jué),所以在活潑的產(chǎn)品調(diào)性中避免使用。 

          給人的感受:力量、勇氣、安全、可靠 



          三角形


          三角形給人的感受是充滿陽(yáng)剛之氣、活力和動(dòng)感。三角形的的夾角還會(huì)吸引用戶的視線,起到指引方向的左右。朝向上的三角會(huì)讓人安心,而相反的倒三角會(huì)感覺(jué)到危險(xiǎn)。 

          給人的感受:權(quán)利、運(yùn)動(dòng)、穩(wěn)定、危險(xiǎn)。 


          圓形和橢圓


          圓形會(huì)給人帶來(lái)永恒的感覺(jué),由于沒(méi)有尖角,會(huì)看起來(lái)更加的溫和柔軟,好親近。所以在社交產(chǎn)品或女性產(chǎn)品中經(jīng)常使用圓形。同時(shí)看到圓形我們會(huì)聯(lián)想到宇宙、太陽(yáng)、地球元素,因此圓形會(huì)給人帶來(lái)科技感。另外橢圓相對(duì)圓形更加有趣味性,比圓形更加有活力。 

          給人的感受:神秘、親近、宇宙 


          平行線


          平行線和矩形一樣給人感覺(jué)比較的穩(wěn)定,相對(duì)矩形層次更加的豐富。平行線給人的感受是冷靜,所以多用于硬件設(shè)計(jì)或工具類的產(chǎn)品中。 

          給人的感受:冷靜、穩(wěn)重 


          垂直線


          和平行線不同,垂直的線條會(huì)讓人感覺(jué)高大。人心理面對(duì)高大的物體的時(shí)候都會(huì)感覺(jué)到侵略感。所以在制作友好的界面中我們很少用到。 

          給人的感受:力量、侵略性、霸道。 


          對(duì)角線


          對(duì)角線的設(shè)計(jì)會(huì)打破安靜的設(shè)計(jì),帶給我們動(dòng)感和活力。所以很多運(yùn)動(dòng)類的產(chǎn)品會(huì)使用到對(duì)角線的設(shè)計(jì)。 

          給人的感受:活力、成長(zhǎng)、動(dòng)力。 


          今天分享的12個(gè)心理學(xué)法則,它們本質(zhì)都是一樣的,就是通過(guò)設(shè)計(jì)引導(dǎo)幫助用戶。通過(guò)法則我們可以影響用戶的行為,管控好用戶的使用路徑,達(dá)到設(shè)計(jì)的目的。好的設(shè)計(jì)源自細(xì)節(jié),也源自用戶心理。注重用戶的反饋,避免糟糕的體驗(yàn),積極引導(dǎo)用戶情緒,才能做出更好的產(chǎn)品。

          文章來(lái)源:站酷 作者:micu設(shè)計(jì)

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

          藍(lán)藍(lán)設(shè)計(jì)m.sdgs6788.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è)人資料

          存檔

          久久精品国产精品亚洲人人| 青青草原综合久久| 亚洲αv久久久噜噜噜噜噜| 久久精品国产精品亚洲精品 | 亚洲Av无码国产情品久久| 无码8090精品久久一区 | 久久久噜噜噜久久| 日本人妻丰满熟妇久久久久久| 精品久久久无码人妻中文字幕豆芽 | 精品国产乱码久久久久久1区2区| 99久久精品免费看国产| 99久久99久久精品国产片果冻| 久久精品国产只有精品2020| 开心久久婷婷综合中文字幕| 好久久免费视频高清| 精品综合久久久久久97| 精品乱码久久久久久夜夜嗨| 久久久久99精品成人片试看| 国产精品亚洲综合久久 | 日本精品久久久久中文字幕| 18岁日韩内射颜射午夜久久成人| 久久久精品国产亚洲成人满18免费网站 | 蜜臀久久99精品久久久久久小说| 久久强奷乱码老熟女| 中文精品久久久久国产网址| 久久精品国产亚洲AV嫖农村妇女 | 久久久国产乱子伦精品作者| 亚洲国产精品综合久久一线| 亚洲一区中文字幕久久| 国产精品欧美久久久天天影视| 伊人久久精品无码av一区| 久久久久国产精品嫩草影院| 久久久噜噜噜久久中文字幕色伊伊 | 精品久久久一二三区| 女同久久| 国产精品久久久久久久久久影院| 日韩亚洲国产综合久久久| 婷婷久久综合九色综合绿巨人| 伊人伊成久久人综合网777| 久久久久亚洲精品男人的天堂| 久久婷婷五月综合97色直播|