欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

<li id="ceqie"></li>

層級思維解構(gòu)圖標分類體系

2024-6-19 鶴鶴

前言

近年來，Ul設(shè)計行業(yè)蓬勃發(fā)展，圖標設(shè)計風格更是呈現(xiàn)出多元化的特點，各種新穎、創(chuàng)意的設(shè)計風格層出不窮。圖標樣式早已從潺潺溪水變成汪洋大海，通過系統(tǒng)歸納和整理各類常用的面性圖標設(shè)計類型與風格，我們構(gòu)建了一套體系化的記憶框架，使得在日常工作中能夠迅速且準確地作出圖標樣式的決策，從而有效提升設(shè)計效率與質(zhì)量。本文章主要討論近年UI界面中會經(jīng)常使用的圖標風格，線性圖標樣式組成一般過于簡單，在此不做討論。

本文在探討圖標的分類思維時，巧妙地運用了層級理念，

并特別關(guān)注層級是否穿透這一關(guān)鍵因素來區(qū)分不同類型的圖標。這種分類思維不僅使圖標的辨識變得更為便捷，還有助于人們更輕松地形成深刻的記憶印象。通過這種創(chuàng)新性的分類方法，我們得以更清晰地理解圖標的本質(zhì)與特點，進一步提升我們對常用圖標的認知水平和應(yīng)用能力。

無底板圖標

單層級

單色扁平

整體風格簡潔大方。由于沒有其他質(zhì)感元素的加入，所以對圖形要求更加需要簡約而精致

雙色扁平

主副圖形對比色搭配，整體風格既簡約又具備顏色豐富度

微質(zhì)感

·漸變方向從上到下，這種漸變方向較為傳統(tǒng)，呈現(xiàn)輕輕鼓起的圓潤形態(tài)

·漸變方向從下到上，為圖標賦予了輕盈而靈動的視覺感受

·漸變方向從左到右，融合了漸變圓弧形成的高光形狀，形式較新穎

多層級

多層級圖標的設(shè)計，主要依據(jù)其是否具備穿透特性進行劃分，即不穿透與穿透兩大維度。在實際操作中，多數(shù)情況下，我們會借助不同層級的設(shè)計手法來塑造圖標的層次感，而這其中往往融入了微妙的質(zhì)感處理。因此，我們并不以扁平與質(zhì)感作為多層級圖標的主要劃分標準。

層級不穿透

·色彩搭配鄰近色

·色彩搭配鄰近色，漸變方向-左到右

·色彩搭配鄰近色，和諧統(tǒng)一，主圖形內(nèi)發(fā)光質(zhì)感，邊緣有1像素高光和副圖形隔開

·色彩搭配鄰近色，采用強質(zhì)感，多層級之間巧妙運用投影進行區(qū)分，使得每一層都清晰分明，互相映襯。主圖形的質(zhì)感通過漸變、內(nèi)陰影或內(nèi)發(fā)光等手法進行精細刻畫，增強了視覺沖擊力。

·采用強質(zhì)感，多層級，更貼近真實物體的質(zhì)感和光影效果。用素描的三大調(diào)五大面思維，讓光影細節(jié)拉滿，通常需要手動加光，無法單純用軟件自帶漸變

層級穿透

主圖形透出底部副圖形形狀，副圖形被遮擋形狀模糊處理，主圖形通常邊緣有1像素高光，呈現(xiàn)出精致而獨特的分隔效果。

·鄰近色穿透，底部圖形通常為暗色

·不同色系穿透

有底板圖標

為減輕記憶壓力，我們直接沿用先前提出的無底板圖標風格分類方案。在此基礎(chǔ)上，我們進一步引入一個底板構(gòu)成元素，以此作為額外的區(qū)分點。因此，整個分類維度與異形圖標分類方案保持高度一致，使得用戶能夠更輕松地進行識別和記憶。分類維度不再贅述，直接展示案例

單層級

·底板漸變+投影，漸變方向從下到上，主圖形漸變方向從下到上，和底板統(tǒng)一

·底板漸變+投影，漸變方向從下到上，主圖形漸變方向上到下，和底板相反

·底板漸變，漸變方向從右下到左上，主圖形漸變方向上到下，并帶有較強的投影

多層級

·底板扁平，主圖形和副圖形之間投影區(qū)分

·底板扁平，主圖形和副圖形之間投影區(qū)分，副圖形降低透明度

·底板漸變，主圖形漸變方向根據(jù)物體造型來定制

·底板漸變，主副圖形穿透

作者：香草設(shè)計鋪
鏈接：https://www.zcool.com.cn/article/ZMTYyMDA0OA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計(m.73404.com.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。

« 設(shè)計師如何做產(chǎn)品需求分析：先聊聊兩個“價值” 用戶訪談系列之三：訪談后如何得出更深的訪談洞察 »

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.73404.com.cn

存檔