<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 層級思維解構圖標分類體系

    2024-5-21    鶴鶴

    前言
    近年來,Ul設計行業(yè)蓬勃發(fā)展,圖標設計風格更是呈現(xiàn)出多元化的特點,各種新穎、創(chuàng)意的設計風格層出不窮。圖標樣式早已從潺潺溪水變成汪洋大海,通過系統(tǒng)歸納和整理各類常用的面性圖標設計類型與風格,我們構建了一套體系化的記憶框架,使得在日常工作中能夠迅速且準確地作出圖標樣式的決策,從而有效提升設計效率與質(zhì)量。本文章主要討論近年UI界面中會經(jīng)常使用的圖標風格,線性圖標樣式組成一般過于簡單,在此不做討論。
     
    本文在探討圖標的分類思維時,巧妙地運用了層級理念,
    并特別關注層級是否穿透這一關鍵因素來區(qū)分不同類型的圖標。這種分類思維不僅使圖標的辨識變得更為便捷,還有助于人們更輕松地形成深刻的記憶印象。通過這種創(chuàng)新性的分類方法,我們得以更清晰地理解圖標的本質(zhì)與特點,進一步提升我們對常用圖標的認知水平和應用能力。
     
    無底板圖標
    單層級
    單色扁平 
    整體風格簡潔大方。由于沒有其他質(zhì)感元素的加入,所以對圖形要求更加需要簡約而精致
    層級思維解構圖標分類體系
     
     
    雙色扁平 
    主副圖形對比色搭配,整體風格既簡約又具備顏色豐富度
    層級思維解構圖標分類體系
     
     
    微質(zhì)感 
    ·漸變方向從上到下,這種漸變方向較為傳統(tǒng),呈現(xiàn)輕輕鼓起的圓潤形態(tài)
    層級思維解構圖標分類體系
     
     
    ·漸變方向從下到上,為圖標賦予了輕盈而靈動的視覺感受
    層級思維解構圖標分類體系
     
     
    ·漸變方向從左到右,融合了漸變圓弧形成的高光形狀,形式較新穎
    層級思維解構圖標分類體系
     
     
    多層級
    多層級圖標的設計,主要依據(jù)其是否具備穿透特性進行劃分,即不穿透與穿透兩大維度。在實際操作中,多數(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)出精致而獨特的分隔效果。
    ·鄰近色穿透,底部圖形通常為暗色
    層級思維解構圖標分類體系
     
     
    層級思維解構圖標分類體系
     
     
    層級思維解構圖標分類體系
     
     
    ·不同色系穿透
    層級思維解構圖標分類體系
     
     
    層級思維解構圖標分類體系
     
     
    有底板圖標
    為減輕記憶壓力,我們直接沿用先前提出的無底板圖標風格分類方案。在此基礎上,我們進一步引入一個底板構成元素,以此作為額外的區(qū)分點。因此,整個分類維度與異形圖標分類方案保持高度一致,使得用戶能夠更輕松地進行識別和記憶。分類維度不再贅述,直接展示案例
    單層級
    ·底板漸變+投影,漸變方向從下到上,主圖形漸變方向從下到上,和底板統(tǒng)一
    層級思維解構圖標分類體系
     
     
    ·底板漸變+投影,漸變方向從下到上,主圖形漸變方向上到下,和底板相反
    層級思維解構圖標分類體系
     
     
    ·底板漸變,漸變方向從右下到左上,主圖形漸變方向上到下,并帶有較強的投影
    層級思維解構圖標分類體系
     
     
    多層級
    ·底板扁平,主圖形和副圖形之間投影區(qū)分
    層級思維解構圖標分類體系
     
     
    ·底板扁平,主圖形和副圖形之間投影區(qū)分,副圖形降低透明度
    層級思維解構圖標分類體系
     
     
    ·底板漸變,主圖形漸變方向根據(jù)物體造型來定制
    層級思維解構圖標分類體系
     
     
    ·底板漸變,主副圖形穿透
    層級思維解構圖標分類體系
     
     


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

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 国语自产精品视频| 无码精品人妻一区二区三区免费| 国产精品制服丝袜亚洲欧美| 精品无码久久久久久午夜| 日本午夜精品理论片A级APP发布| 久久96国产精品久久久| 精品亚洲国产成AV人片传媒| 亚洲精品国精品久久99热 | 亚洲精品自在在线观看| 国产精品成人啪精品视频免费| 99精品无人区乱码在线观看| 亚洲人成精品久久久久| 久热精品人妻视频| 国产午夜精品理论片| 91探花国产综合在线精品| 国产精品视频一区二区三区经| 精品国产第一国产综合精品| 无码人妻精品一区二区三18禁 | 亚洲精品黄色视频在线观看免费资源 | 亚洲午夜久久久精品影院| 国产夫妇精品自在线| 欧美午夜精品久久久久免费视| 亚洲精品色婷婷在线影院| 久草视频精品在线| 国模精品一区二区三区| 国产精品美女久久久久AV福利| 伊人久久大香线蕉精品| 久久久久四虎国产精品| 久久精品视频免费| 欧美性videofree精品| 亚洲精品私拍国产福利在线| 四虎成人欧美精品在永久在线| 久久九九青青国产精品| 中文字幕成人精品久久不卡| 久久精品国产99国产电影网| 国产小视频国产精品| 久久精品国产91久久麻豆自制| 日韩欧国产精品一区综合无码| 亚洲精品高清视频| 国产乱子伦精品免费视频| 久草热8精品视频在线观看|