ui圖标設計原則詳解-tft每日頭條

ui圖标設計原則詳解

生活更新时间:2024-07-29 11:13:47

圖标設計原則是指做設計時要遵守的必要準則。在進行圖标設計時，設計原則可以幫助設計師快速地進行設計定位。下面對應用型圖标設計原則和功能型圖标設計原則進行詳細講解。

ui圖标設計原則詳解（UI圖标設計原則）1

應用型圖标設計原則

①可識别性。識别性是圖标設計的首要原則，是指設計的圖标能準确地表達出所代表的隐喻，能讓用戶第一眼識别出它所代表的含義，從中獲得相關信息。

ui圖标設計原則詳解（UI圖标設計原則）2

②差異性。在設計圖标時，必須在突出産品核心功能的同時表現出差異性，避免同質化，力求給用戶留下深刻的印象。

ui圖标設計原則詳解（UI圖标設計原則）3

③使用栅格線。在設計圖标時，使用栅格線作為設計依據，可讓圖标與系統保持和諧統一，更好地彼此匹配。

ui圖标設計原則詳解（UI圖标設計原則）4

功能型圖标設計原則

①表意準确。功能型圖标設計的第一原則是表意準确，要讓用戶看到一個圖标的第一時間理解它所代表含義。功能型圖标在應用界面起到指示、提醒、概括和表述的作用。

ui圖标設計原則詳解（UI圖标設計原則）5

②輪廓清晰。輪廓清晰是指形狀邊緣棱角分明，沒有發虛的像素。在 Photoshop軟件中，設置常規選項中選擇“将矢量工具和像素網格對齊”複選框。這樣在進行繪制時形狀會自動對齊像素網格不會形成發虛的像素。以及在繪制圖标時盡量使用45角，這樣的斜線是最清晰的。

ui圖标設計原則詳解（UI圖标設計原則）6

③使用圖标網格。繪制圖标時應随時使用48×48像素的圖标網格作為繪制依據，它能有效幫助設計師掌握構圖布局。圖标網格将圖标的繪制區域劃分為若幹份等大小的網格，并建立了關鍵線形狀、繪制區(46像素)和禁繪區(2像素)，讓繪制圖标更科學、準确和快速。

ui圖标設計原則詳解（UI圖标設計原則）7

繪制圖标分為兩種情況：一是規則的，可在46×46像素的圖标網格區域繪制；二是不規則的，如異形的五角星它會有一些尖角在禁繪區内。

ui圖标設計原則詳解（UI圖标設計原則）8

需要注意的是，繪制圖标并不是一味地要嚴格遵守圖标網格去進行繪制，其實也要保持視差平衡。視差平衡是講兩個物體同樣大的尺寸，但是其中的一個物體看起來明顯要大于另一物體，此時需要将其中一物體進行縮小，在視覺上看起來平衡。

ui圖标設計原則詳解（UI圖标設計原則）9

④一緻性。緻性指的是造型規則、圓角尺寸、線框粗細、樣式、細節特征等的統一,讓圖标的外觀整體一緻。

ui圖标設計原則詳解（UI圖标設計原則）10

平面設計零基礎自學視頻教程（部分精選）

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

查看全部

网友关注

生活如何挑選客廳燈具
1、選對燈具瓦數。很多人以為燈具選擇瓦數大的才是好，但其實大瓦數的燈具不僅對人的健康産生不良影響，還會讓電費增加，這樣反而得不償失。瓦數其實與燈泡有直接的關系，在挑選燈具時，适配的燈泡瓦數應該根據空間面積來考慮，15-18平方米的空間，可以選擇60-80W的燈泡，30-40平方米的空間可選擇100-... 2023-07-04
生活增強肉牛食欲的方法
1、驅蟲肉牛體内或者體表，因為環境差的原因會有寄生蟲在肉牛身體生長，過多的寄生蟲讓肉牛精神萎靡、食欲... 2023-07-04
生活有微信怎樣加微信
1、面對面雷達添加。如果要加的好友就在你身邊，可以采用第二種方法，面對面雷達加朋友。你和你要添加的朋... 2023-07-04
生活一審沒請律師二審請有用嗎
1、當然有必要。如果一審沒有請律師，二審也是有必要請的，因為二審是終審，上訴到二審，一審的結果等于就... 2023-07-04
生活蒜蓉紅蘿蔔海帶絲的家常做法
第一、首先把食材都準備好，海帶絲、蒜頭、紅蘿蔔。第二、紅蘿蔔削皮，切成絲；海帶絲清洗幹淨，切成小段。第三、蒜頭剁成蒜蓉；香菜清洗幹淨，切碎。第四、鍋裡燒開一鍋水，放入紅蘿蔔湯5分鐘，紅蘿蔔比較難熟；再放入海帶絲湯3分鐘。第五、鍋裡下油，油熱後，把火關了，再放入蒜蓉煸香。第六、然後再放入少許陳醋、少許... 2023-07-04
生活自動擋汽車開車技巧
1、自動擋車起步時需注意，汽車發動前，要确保擋靶子在P擋或N擋上，起步時注意刹車、手刹和油門應配合好... 2023-07-04
生活空腹吃西紅柿可以嗎
1、不建議空腹吃番茄。2、番茄既是一種蔬菜，也是一種比較受人歡迎的水果，酸甜适口、營養豐富，含有豐富... 2023-07-04
生活沙姜雞做法是什麼
1、光雞洗幹淨，剁塊。用鹽和料酒腌20分鐘。2、沙姜去皮剁碎，蔥切蔥花。3、熱油鍋，把雞爆炒至變色，把雞推到鍋邊，爆香沙姜和蔥白。4、放糖炒勻，蓋上鍋蓋焖至雞肉熟透。5、最後撒上剩餘的蔥花炒勻即可。 2023-07-04
生活養蚯蚓秘方
怎麼在家養蚯蚓，相信很多愛寵的朋友們對此都很感興趣，下面就和大家來分享一下，希望可以幫助到大家。1、... 2023-07-04
生活對聯怎麼儲存
1、如果是單一幅對聯，可以卷成筒狀，用一層稍厚點的指包在表層，封好兩頭，在裝入完好（無破損、不漏氣）... 2023-07-04
生活 a4和8k有什麼區别
1、切割方式不同：8k即表示把一張紙切成8張，一張8k紙相當于2張A4紙。a4按切法算，為以A1紙作... 2023-07-04
生活洋蔥的芽能當蔥花吃嗎
1、如果洋蔥發芽了是可以吃的，在儲存洋蔥的時候，一定要讓洋蔥處于非常幹燥的地方，一般市場上見的洋蔥都... 2023-07-04
生活蠶破繭而出後怎麼辦
第一、蠶寶寶破繭而出之前，會經曆很久的休眠期，大概有幾個月的時間，我們必須要保證它們所處環境的衛生和幹燥，等待它們破繭而出。第二、在它們破繭而出時，我們不要着急着把它們趕到桑葉上，事實上這麼小的蠶根本吃不動完整的桑葉，建議我們把桑葉剪成碎片鋪在小蠶上面。第三、我們在每一次給蠶更換新的桑葉時，注意不要... 2023-07-04
生活大學生生源地貸款需要哪些證明材料
1、貸款申請表登錄生源地助學貸款學生在線系統可以打印，網址為：https：//sls.cdb.com.cn/#/)；2、家庭經濟困難證明高三時通過生源地信用助學貸款預申請的學生無需提供)；3、借款學生和共同借款人的身份證；4、借款學生的學生證或錄取通知書；5、戶口簿若借款學生和共同借款人不在一個戶口... 2023-07-04
生活微信朋友圈的3天可見怎麼設置
1、打開手機微信客戶端，在登錄窗口輸入登錄賬号和密碼完成登錄之後，來到微信首頁，點擊底部菜單欄的“我... 2023-07-04
生活花生什麼時候種
1、花生通常是在春季4～5月的時候播種，此時天氣暖和也比較濕潤，有利于種子的萌發。在播種之前需将種子... 2023-07-04
生活沒有閃是什麼梗
1、“大意了，沒有閃”出自馬保國經典語錄，這個梗的意思就是字面意思，形容自己太大意了，用大意來說自己... 2023-07-04
生活拉杆箱怎麼設置密碼
1、将拉杆箱密碼鎖右邊的扣子向右側滑動，将拉杆箱的密碼鎖打開。2、再将拉杆箱密碼鎖下面的滑輪連續滑動... 2023-07-04
生活怎樣删除qq曆史簽名
1、首先我們在手機上找到qq軟件，點擊進入，登錄個人賬号。2、進入QQ之後，輕點頁面左上角的個人頭像... 2023-07-04
生活房頂漏水最好補漏方法
1、屋頂漏水之後，我們就需要及時的補漏，但是在施工前，要先将基層表面的塵土、砂粒、碎石等雜物清除幹淨... 2023-07-04
生活廚房人造石台面發黴該怎麼辦
1、使用茶葉渣。大家在喝完茶之後可以将茶葉渣留下來，把微濕的茶葉渣撒在廚房台面上，再用掃帚打掃，茶葉能夠帶走塵土，讓人造石台面恢複幹淨，還可順便除臭。2、使用喝剩的啤酒。喝剩的啤酒倒掉可惜，可以先在冰箱裡保存起來，啤酒中含有酒精成分，可以有效去污，用來清理廚房人造石的台面，尤為好用。3、使用煮面水。... 2023-07-04
生活代表開心的花
1、雛菊（延命菊）：愉快、幸福、純潔、天真、和平、希望、美人。2、瓜葉菊：快樂。3、黃百合：快樂、喜... 2023-07-04
生活辭職後公積金怎樣辦
1、勞動者離職後沒有找到工作或者新的工作單位不為其繳納五險一金，那麼原來的公積金隻能做封存處理，并且不再繼續繳納。但也有些地方能自己辦理繳納了，這樣也能保障了自由職業者的相關利益。勞動者可以通過向所在地的管理中心咨詢這種業務。2、如果新的單位還将繼續為勞動者繳納五險一金的話，那麼勞動者原單位開的公積... 2023-07-04
生活壓歲錢的由來
1、最早的壓歲錢出現于漢代,又叫壓勝錢,并不在市面上流通,，而是鑄成形式的玩賞物，邪的功能。錢币正面... 2023-07-04
生活 10歲女孩怎樣長高
1、吃（不是增高藥）千萬别偏食，更不能節食。特别要補充的是蛋白質、鈣和維生素，魚、蝦、瘦肉、禽蛋、花... 2023-07-04
生活如何将文檔發朋友圈
1、注冊微信公衆賬号并登陸。2、點擊左側素材管理，選擇新建圖文消息進入編輯狀态。3、将word文檔的... 2023-07-04
生活昌信的寓意
昌字本義：善、正當，指正當的言論，還有興盛繁榮之義。用作人名：意指人氣興旺、事業昌達、才能過人。信字的含義較為廣泛，其中常見的是指誠實、不欺騙，以及由此而獲得的信任、不懷疑。此外還指信仰、書信、信号等。作人名用時，主要是取其誠實守信之義。姓名：姓名，漢語詞語，意思是由姓和名組成。人的姓一般是自己的部... 2023-07-04
生活供暖費怎麼交
1、傳統供熱收費：居住建築傳統供熱收費是根據用戶面積乘單價計算而來。2、計量收費：居住建築供熱計量收... 2023-07-04
生活智慧阜南怎麼下載
1、自帶軟件商店中下載：桌面找到軟件商店；在軟件商店首頁，可以直接搜索框搜索下載軟件，或者點擊屏幕的... 2023-07-04
生活贊美畫畫得好的句子
1、這幅畫把兒童活潑有趣的神态畫得惟妙惟肖。2、小強在繪畫藝術方面很有天賦，無論畫什麼都惟妙惟肖。3... 2023-07-04

tft每日頭條

> 生活

> ui圖标設計原則詳解

ui圖标設計原則詳解

相关生活资讯推荐

热门生活资讯推荐

网友关注