火星網(wǎng)校
從收集作品到設(shè)計規(guī)范，助你打造優(yōu)秀的UI設(shè)計師人生!
發(fā)布時間：2024-05-19 18:48:41 瀏覽量：213次
一位優(yōu)秀的設(shè)計師都有好的習(xí)慣！
對于UI設(shè)計師來說，養(yǎng)成好的習(xí)慣對找靈感非常重要。好習(xí)慣有助于成為優(yōu)秀的設(shè)計師。
如何養(yǎng)成好的習(xí)慣呢？UI設(shè)計師每天都應(yīng)該收集UI設(shè)計作品，建立自己的素材庫，以積累軟實力，尋找靈感。
推薦小白設(shè)計師的網(wǎng)站：花瓣網(wǎng)、站酷、Designspiration，這三個網(wǎng)站已經(jīng)足夠滿足小白設(shè)計師的需要。
UI設(shè)計規(guī)范是我們UI設(shè)計師的本能，決不能犯的錯誤！
UI設(shè)計要遵守規(guī)范，有規(guī)范的設(shè)計能使界面視覺更美觀、統(tǒng)一。遵守設(shè)計規(guī)范對高效完成任務(wù)至關(guān)重要。
圖標(biāo)規(guī)范
圖標(biāo)設(shè)計是UI設(shè)計的基礎(chǔ)環(huán)節(jié)，要用簡約線條表達(dá)含義，保持風(fēng)格一致。
特別是對于小白設(shè)計師，圖標(biāo)設(shè)計規(guī)范至關(guān)重要。
1.像素對齊
做小尺寸圖標(biāo)時，嚴(yán)格做到像素對齊。
2.多用布爾運算
盡量使用基本圖形進(jìn)行布爾運算，讓圖標(biāo)更規(guī)范，結(jié)構(gòu)理解更深刻。
3.獨特的風(fēng)格
系列圖標(biāo)要設(shè)定風(fēng)格及原則，保持風(fēng)格統(tǒng)一、創(chuàng)新。
4.視覺大小統(tǒng)一
使用柵格輔助線保持視覺大小統(tǒng)一，注重品牌性。
標(biāo)注規(guī)范
標(biāo)注尺寸、文字、間距、顏色等內(nèi)容時要結(jié)構(gòu)化，清晰拆解。
首先去除導(dǎo)航欄和標(biāo)簽欄，只對內(nèi)容區(qū)進(jìn)行標(biāo)注。
命名規(guī)范
規(guī)范的命名有利于文件整理、快捷修改、團(tuán)隊合作。
1.所有命名全部為小寫英文字母
命名要小寫英文，統(tǒng)一規(guī)范提高專業(yè)性。
2.命名格式
通用切片命名格式：組件_類別_功能_狀態(tài)@2x.png
模塊特有切圖命名規(guī)則：模塊_類別_功能_狀態(tài)@2x.png
3.常用英文單詞
常用英文單詞列表：bg、nav、tab、btn、img、del、msg、pop、icon等。
謝謝觀賞！
想成為UI設(shè)計師？快來火星時代教育報名吧！學(xué)習(xí)游戲設(shè)計、動畫培訓(xùn)、影視后期等專業(yè)課程，提升設(shè)計能力！點擊咨詢
熱門課程推薦
熱門資訊
-
1. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
-
2. iPhone6的UI設(shè)計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
3. 移動端UI設(shè)計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計的基本知識
-
4. 12個絕佳的UI設(shè)計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
-
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
6. 史上最全，平面設(shè)計UI設(shè)計必備的77個國內(nèi)外素材、設(shè)計資源網(wǎng)站
ui設(shè)計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設(shè)計... 對于品牌設(shè)計師來說,除了圖案素材收集之外,還有一個很重要的,就是設(shè)計故...
-
7. 推薦10本適合UI設(shè)計師看的書籍，輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
8. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
-
9. 武漢UI設(shè)計培訓(xùn)班費用怎么樣？想學(xué)UI設(shè)計要多少錢？
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎？不知道學(xué)UI設(shè)計要花多少錢？不妨看看這篇文章，了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
-
10. 零基礎(chǔ)學(xué)UI設(shè)計要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會。
最新文章
