歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-12-16 17:31:05|已瀏覽:242次

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