ui設(shè)計(jì)金剛區(qū)圖標(biāo)的設(shè)計(jì)原則

ui設(shè)計(jì)金剛區(qū)圖標(biāo)的設(shè)計(jì)原則：金剛區(qū)是一個(gè)頁面中頭部的重要位置，是頁面的核心功能區(qū)域，表現(xiàn)形式為多行排列的宮格區(qū)圖標(biāo)。今天小編主要給大家分享ui設(shè)計(jì)金剛區(qū)圖標(biāo)的設(shè)計(jì)原則，希望對你們有幫助!

1. 辨識(shí)度、識(shí)別性

圖標(biāo)比文字更容易識(shí)別。

這也意味著圖標(biāo)的設(shè)計(jì)應(yīng)該不同于競爭產(chǎn)品的設(shè)計(jì)。讓自身產(chǎn)品在市場上有“存在感”和“存在率”,存在感即通過自身app的整體視覺語言設(shè)計(jì)，讓用戶使用我們的產(chǎn)品和競品時(shí)有一個(gè)明確的記憶。

如在記憶腦海中“閑魚”app的顏色和“京東”app的顏色,如果你使用過這兩個(gè)產(chǎn)品,可以很容易地記得閑魚顏色是黃色的,京東顏色是紅色。

2. 強(qiáng)調(diào)性

金剛區(qū)圖標(biāo)通常出現(xiàn)在app的首屏上,位置在搜索框、banner之下,且金剛區(qū)圖標(biāo)通常會(huì)占據(jù)屏幕的五分之一或四分之一大小,也起為各個(gè)子版塊分發(fā)引流的重要作用,因此在設(shè)計(jì)的重量應(yīng)該比金剛圖標(biāo)底部的內(nèi)容區(qū):UGC、瓷片區(qū)等內(nèi)容更重一些。

3. 識(shí)意性

有了前兩個(gè)步驟后,金剛區(qū)圖標(biāo)還需要有可識(shí)意性,也就是說,可以讓用戶看到它的形狀和意義,做好這一點(diǎn)是非常重要的,即使圖標(biāo)畫得再好看,用戶看到圖標(biāo)后，思考這個(gè)圖標(biāo)的含義時(shí)，這個(gè)設(shè)計(jì)就是失敗的(特殊情況除外)。

因?yàn)閳D標(biāo)的作用是輔助用戶識(shí)別文字，人腦對圖片的敏感度要大于文字。圖標(biāo)要表達(dá)的意思，要高度說明文字，如果沒有合適的圖案那么就可以像京東一樣，將單字拿出來，做一些字體設(shè)計(jì)。

4. 趣味性

這相當(dāng)于考試中的附加題。不做不扣分，做了加分。例如，上面的“飛豬”app的有趣外觀，使整個(gè)金剛區(qū)圖標(biāo)更加生動(dòng)靈活。多漸變多色彩的應(yīng)用將給用戶帶來非常愉快的旅行感受。

不死板是為了增加與用戶的親密感，有助于消除用戶初次使用產(chǎn)品時(shí)的陌生帶來的距離感，增加用戶使用產(chǎn)品時(shí)的安全感。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-75843.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050