图标的分类
图标在界面中起到代替文字（示意）和辅助文字（装饰）的作用。根据应用场景不同分为：
工具图标：有明确功能、提示含义的图标，如标签栏上的图标，大多用扁平风格来表现；
装饰图标：丰富视觉体验的图标，如电商平台的分类图标，可以用质感、拟物、实物等表现手法；
启动图标：品牌的logo，将品牌元素融入其中；
根据表现手法不同分为：
一、扁平风格：没有光影、纹理等立体效果，用简单线条、色块构成；
①线条
②色块
③线条和色块混合
二、质感风格：简单拟物，加上光影、纹理、装饰等，具有立体效果，但没有明显的透视效果；
①扁平插画
②炫彩渐变
三、拟物风格：尽可能模拟真实效果，加入大量光影、纹理，具有明显的透视效果；
①拟物
②2.5D
四、实物风格：用实物图片直接代替图标使用；
启动图标是将品牌标识嵌入在图标模板中，那嵌入的内容又可分为：
一、文字形式：通常此类图标的品牌就使用了文字；
二、图标形式：此类图标适用于工具类的APP，用图形直观表达含义；
三、图形形式：是品牌的抽象化表达，传达的是品牌性而非图形的含义；
四、插画形式：将企业的吉祥物/动物代表应用其中，比较亲民；
五、拟物形式：接近现实，是一种最直观准确的表达；
绛旓細鍥炬爣鐨勫垎绫伙細鍥炬爣鍒嗕负骞夸箟鍜岀嫮涔変袱绉銆傚箍涔夌殑鍥炬爣鎸囩殑鏄叿鏈夋寚浠ｆ剰涔夌殑鍥惧舰绗﹀彿锛屽畠浠叿鏈夐珮搴︾殑娴撶缉鎬э紝鑳藉蹇熶紶杈句俊鎭紝骞朵究浜庤蹇嗐傝繖绫诲浘鏍囧簲鐢ㄨ寖鍥村箍娉涳紝鍖呮嫭杞‖浠躲佺綉椤点佺ぞ浜ゅ満鎵鍜屽叕鍏卞満鍚堢瓑锛屽鐢峰コ鍘曟墍鏍囧織鍜屼氦閫氭爣蹇楃瓑銆傜嫮涔夌殑鍥炬爣鍒欎笓鎸囪绠楁満杞欢鏂归潰鐨勫簲鐢紝濡傜▼搴忔爣璇嗐佹暟鎹爣璇嗐佸懡浠ら夋嫨绛夈
绛旓細鏍规嵁搴旂敤鍦烘櫙涓嶅悓鍒嗕负锛氬伐鍏峰浘鏍囷細鏈夋槑纭姛鑳姐佹彁绀哄惈涔夌殑鍥炬爣锛屽鏍囩鏍忎笂鐨勫浘鏍囷紝澶у鐢ㄦ墎骞抽鏍兼潵琛ㄧ幇锛涜楗板浘鏍囷細涓板瘜瑙嗚浣撻獙鐨勫浘鏍囷紝濡傜數鍟嗗钩鍙扮殑鍒嗙被鍥炬爣锛屽彲浠ョ敤璐ㄦ劅銆佹嫙鐗┿佸疄鐗╃瓑琛ㄧ幇鎵嬫硶锛涘惎鍔ㄥ浘鏍囷細鍝佺墝鐨刲ogo锛屽皢鍝佺墝鍏冪礌铻嶅叆鍏朵腑锛涙牴鎹〃鐜版墜娉曚笉鍚屽垎涓猴細涓銆佹墎骞抽鏍硷細娌℃湁鍏夊奖銆佺汗鐞嗙瓑绔嬩綋鏁...
绛旓細棣栧厛锛岄暱鎸変綘鎯宠鏁寸悊鐨勫簲鐢鍥炬爣锛岀洿鍒板浘鏍囧紑濮嬫姈鍔ㄦ垨鍑虹幇涓涓皬鑿滃崟銆傜劧鍚庯紝灏嗚鍥炬爣鎷栨嫿鍒板彟涓涓綘鎯宠鏁寸悊鐨勫簲鐢ㄥ浘鏍囦笂銆傛鏃讹紝绯荤粺浼氳嚜鍔ㄤ负浣犲垱寤轰竴涓枃浠跺す锛屽苟灏嗚繖涓や釜搴旂敤鍥炬爣鏀惧叆鍏朵腑銆備綘鍙互鏍规嵁闇瑕佷慨鏀规枃浠跺す鐨勫悕绉般備緥濡傦紝濡傛灉浣犲皢涓や釜娓告垙搴旂敤鏀惧叆涓涓枃浠跺す锛屼綘鍙互灏嗘枃浠跺す鍛藉悕涓衡滄父鎴忊濄
绛旓細鍒涘缓鏂囦欢澶癸細棣栧厛锛屼负涓嶅悓鐨鍥炬爣绫诲埆鍒涘缓鏂囦欢澶广備緥濡傦紝鎮ㄥ彲浠ュ垱寤轰竴涓悕涓衡滃伐浣溾濄佷竴涓悕涓衡滀釜浜衡濄佷竴涓悕涓衡滃ū涔愨濈瓑鏂囦欢澶癸紝鏍规嵁鎮ㄧ殑闇姹傚拰浣跨敤涔犳儻杩涜鍒嗙被銆傚皢鍥炬爣绉诲姩鍒版枃浠跺す锛氬皢姣忎釜鍥炬爣鎷栧姩鍒扮浉搴旂殑鏂囦欢澶逛腑銆傛偍鍙互鍙抽敭鍗曞嚮鍥炬爣锛岄夋嫨鈥滃壀鍒団濇垨鈥滃鍒垛濓紝鐒跺悗绮樿创鍒版墍閫夋枃浠跺す涓備娇鐢...
绛旓細鍦 IconFont 缃戠珯鐨勫浘鏍囧簱涓紝涓昏鍖呮嫭浠ヤ笅鍥涗釜鍒嗙被鐨勫浘鏍囷細1. Web搴旂敤涓庣晫闈㈣璁★細杩欎釜鍒嗙被鍖呭惈浜嗗緢澶氫笌Web鐣岄潰璁捐鐩稿叧鐨勫浘鏍锛屼緥濡傚鑸爮銆佹寜閽佹爣绛鹃〉銆佽〃鍗曞厓绱犵瓑銆傝繖浜涘浘鏍囧彲浠ュ府鍔╁紑鍙戣呭揩閫熷湴鍒涘缓鍑轰笓涓氱殑Web鐣岄潰銆2. 绉诲姩搴旂敤锛氳繖涓垎绫诲寘鍚簡閫傜敤浜庣Щ鍔ㄨ澶囩殑鍥炬爣锛屽App鍥炬爣銆侀氱煡鍥炬爣銆佹搷浣滄寜閽...
绛旓細绠杩鍥炬爣鐨姒傚康鍙婄Щ鍔ㄥ簲鐢ㄤ腑鐨勫垎绫锛熸纭瓟妗堬細鍥炬爣璁捐鏄晫闈㈣璁′腑涓涓緢閲嶈鐨勫厓绱狅紝涓濂楅珮璐ㄩ噺鐨勫浘鏍囧湪寰堝ぇ绋嬪害涓婁細褰卞搷浜у搧鐨勫搧鐗屽舰璞′互鍙婄敤鎴风殑浣撻獙銆傚湪绉诲姩搴旂敤涓紝鍥炬爣閫氬父鍒嗕负涓ょ锛氫竴绉嶆槸搴旂敤鍥炬爣锛屼竴绉嶆槸鍔熻兘鍥炬爣銆
绛旓細瀵逛簬UI璁捐鑰岃█锛鍥炬爣鍙互璇存槸鏁翠釜浜у搧鐨勭偣鐫涗箣绗旓紝瀹冪敋鑷冲彲浠ョ洿鎺ュ奖鍝嶇潃涓娆句骇鍝佺殑褰㈣薄鍜屾皵璐ㄣ傚湪涓嶅皯 UI 鐣岄潰涓紝鍥炬爣鍑犱箮鏄繖涓〉闈㈢殑鏍稿績鏀拺浣擄紝瀹冪洿鎺ュ奖鍝嶇潃浜у搧鐨勮瑙変綋楠屽拰浜у搧璋冩с傚浘鏍囬氳繃瑙嗚鍒嗙被鍙垎涓轰互涓嬪嚑绉嶇被鍨嬶紱01锛夌嚎鍨嬪浘鏍 閫氳繃 绾挎潯 鍕惧嫆鍑烘潵鐨勫浘鏍囷紝涓鑸氳繃 鎻忚竟绮楃粏銆佸浘鏍囩粏鑺 鏉...
绛旓細鐢佃剳妗岄潰鍒嗙被鍒嗗尯鏄剧ず鐨勬柟娉曞涓嬶紙浠indows7绯荤粺涓轰緥锛夛細1銆佹墦寮娴忚鍣紝鎼滅储360妗岄潰鍔╂墜骞朵笅杞姐2銆佷笅杞藉畬鎴愬悗锛岀偣鍑诲悓鎰忓苟瀹夎锛屾潵瀹夎杞欢銆3銆佸畨瑁呭畬鎴愬悗锛岀偣鍑绘闈㈠彸涓婅鍑虹幇鐨勩愭闈戞寜閽4銆佸湪闅忓悗鎵撳紑鐨勭晫闈腑闀挎寜鎷栧姩鍏朵粬銆佺洰褰曠瓑鍖哄潡鍒版闈㈢殑浠绘剰浣嶇疆銆5銆佸皢鎷栧嚭鏉ョ殑鍖哄潡鎽嗘斁鏁撮綈鍗冲彲瀹屾垚鍒嗗尯...
绛旓細1銆乽i鍥炬爣璁捐鐨勫垎绫——浜や簰鍥炬爣 璇ュ浘鏍囦笉浠呮槸鐢ㄦ埛鐣岄潰涓殑鏄剧ず鍔熻兘锛岃屼笖鍙備笌鐢ㄦ埛浜や簰锛屾槸瀵艰埅绯荤粺涓嶅彲缂哄皯鐨勪竴閮ㄥ垎銆傚畠浠彲浠ヨ鐐瑰嚮鍜屽搷搴旓紝甯姪鐢ㄦ埛鎵ц鐗瑰畾鐨勫姩浣滐紝瑙﹀彂鐩稿簲鐨勫姛鑳姐2銆乽i鍥炬爣璁捐鐨勫垎绫——瑁呴グ鍜屽ū涔愬浘鏍 杩欎簺鍥炬爣閫氬父鐢ㄦ潵澧炲己鏁翠釜鐣岄潰鐨勭編鎰熷拰瑙嗚浣撻獙锛岃屼笉...
绛旓細1銆佹煴褰㈠浘锛屽彲妯悜鎺掑垪锛屾垨鐢ㄥ缁存柟寮忚〃杈俱傞暱鏉℃煴鎴栨煴缁勪腑绾块』瀵归綈椤圭洰鍒诲害銆2銆佹潯褰㈠浘锛岃兘澶熶娇浜轰滑涓鐪肩湅鍑哄悇涓暟鎹殑澶у皬锛屾槗浜庢瘮杈冩暟鎹箣闂寸殑宸埆銆3銆佺嚎褰㈠浘锛岄毦浜庢崟鎹夌煭绾垮拰涓嚎瓒嬪娍銆4銆侀ゼ褰㈠浘锛屽綋澶氫釜鏁版嵁鐐圭殑鏁版嵁鍊奸兘灏忎簬楗煎浘鐨 5% 鏃讹紝鍖哄垎鍚勪釜鎵囧尯灏嗗崄鍒嗗洶闅俱傜敤閫旓細1銆佹煴褰㈠浘锛屾瘮杈冧袱涓...
