tft每日頭條

 > 圖文

 > 如何制作icon圖标

如何制作icon圖标

圖文 更新时间:2024-11-23 20:13:53
01.啟動ICON

1.有明确指代含義的計算機圖形

2.點擊打開之後可以進行功能性的操作

軟件标識 MIUI V5

如何制作icon圖标(需要知道的這些例子)1

軟件标識 IOS

如何制作icon圖标(需要知道的這些例子)2

ICON重要的是什麼呢?具有識别性!!

02.功能标識

除了文字/控件之外全部都是功能标識

如何制作icon圖标(需要知道的這些例子)3

除了識别性之外,ICON的語意也要明确!

我們來看看例子

如何制作icon圖标(需要知道的這些例子)4

格式塔心理學可以得出 人們當在界面中閱讀的時候 會下意識的去找極簡化的一個圖形去閱讀 把複雜的圖形通過大腦的處理變得簡潔化

不能讓用戶在一個界面停留過長時間 給下意識做設計 降低用戶學習的成本

反例

如何制作icon圖标(需要知道的這些例子)5

正例

如何制作icon圖标(需要知道的這些例子)6

如何制作icon圖标(需要知道的這些例子)7

03.扁平化必然的趨勢 為什麼

1 适配于全端

2 文件小 不會影響機器的加載速度

3 要在固定的屏幕大小中 增加内容

反例

如何制作icon圖标(需要知道的這些例子)8

如何制作icon圖标(需要知道的這些例子)9

注意看所有ICON的整體風格,不是都表面看起來整齊就是真的整齊

看顔色 一般我們做這種ICON的時候會選擇6個顔色 然後給排開 但是用戶用的時候實際上這些ICON的任意擺放的 所以這樣的例子就是非常好的案例

如何制作icon圖标(需要知道的這些例子)10

04.系統圖标的表現形式

1.面形

用于軟件标志的比較多 因為它的視覺識别性的最強的

視覺的比例占有也是最多的 也可以叫做入口圖标

2.線性

作為功能标識來使用 在APP界面的功能展示 在有限的空間内

展示更多的信息的時候 同過簡單的 弱化視覺表現力的東西來展現

面性優秀的條件:大小 正負形 圓角 透視

如何制作icon圖标(需要知道的這些例子)11

線性優秀的條件:大小 粗細 圓角 透視

如何制作icon圖标(需要知道的這些例子)12

反例

如何制作icon圖标(需要知道的這些例子)13

05.原創繪制的方法

1.多看 多想 多做

通過競品去多看 分析什麼叫借鑒 什麼叫抄襲 什麼叫原創 做什麼設計都是根據自己看到過的東西來做的

2.競品分析-篩選出同語義ICON

把别人做的非常成熟的東西 已經教育好用戶的東西 再拿出來 再精簡 站在巨人的肩膀上在做設計 再往前走 說白了就是一定要減少用戶的學習成本!

微博案例

如何制作icon圖标(需要知道的這些例子)14

3.情感表達方式

不能盲目借鑒 需要設計出自己獨有的設計語言

4.建立視覺比例參考圖

如何制作icon圖标(需要知道的這些例子)15

如何制作icon圖标(需要知道的這些例子)16

如何制作icon圖标(需要知道的這些例子)17

如何制作icon圖标(需要知道的這些例子)18

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved