APPUI設(shè)計規(guī)范（app 設(shè)計規(guī)范）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于APPUI設(shè)計規(guī)范的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

文章目錄列表:

• 1、學習UI設(shè)計需要掌握什么基礎(chǔ)知識？

• 2、UI設(shè)計需要哪些技術(shù)

• 3、UI設(shè)計作品的評判標準有哪些

• 4、ui設(shè)計基礎(chǔ)全套視頻教程

一、學習UI設(shè)計需要掌握什么基礎(chǔ)知識？

很多想要自學UI設(shè)計的小伙伴，苦于沒有好的學習計劃、課程大綱，學習效果很不好，花了時間也沒有將自己的知識體系建設(shè)全面。那自學UI設(shè)計到底應該如何學習呢？

在講學習流程之前，我們先來來簡單介紹一下什么是UI設(shè)計以及UI設(shè)計的前景如何。因為只有你了解了UI設(shè)計之后，你才知道自己是否對其感興趣，是否是真的愿意花時間和精力去學習。

一、UI設(shè)計

UI（User Interface），中文名“用戶界面”。Ps：（百度解釋）UI是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。

那互聯(lián)網(wǎng)的這波浪，無論前浪，還是后浪都從未消停過。你經(jīng)常看到“互聯(lián)網(wǎng)+”這樣的組合，通俗解釋“互聯(lián)網(wǎng)+”就是“互聯(lián)網(wǎng)+各個傳統(tǒng)行業(yè)”，但這并不是簡單的兩者相加，而是利用信息通信技術(shù)以及互聯(lián)網(wǎng)平臺，讓互聯(lián)網(wǎng)與傳統(tǒng)行業(yè)進行深度融合，創(chuàng)造新的發(fā)展生態(tài)。

在這其中，又與UI有什么緊密聯(lián)系呢？

把傳統(tǒng)行業(yè)放到互聯(lián)網(wǎng)上，肯定需要用一個界面來展示，哪怕只是一個簡單的網(wǎng)頁，而每一個互聯(lián)網(wǎng)下的產(chǎn)品無論是PC端還是移動端，無論傳統(tǒng)行業(yè)還是非傳統(tǒng)行業(yè)，最終呈現(xiàn)都要以UI界面為依托，供用戶使用查看。這其中又不僅要視覺產(chǎn)出，還要好的交互和用戶體驗。

舉個例子，說說我們平常不太關(guān)注的來電接聽這回事。

蘋果手機在不鎖屏的狀態(tài)下，來電顯示時，接電話在右邊顯示綠色，掛電話在左邊顯示紅色。一般情況下右手拿電話，大拇指操作，綠色是接聽電話，這是我們的常規(guī)操作，使用頻率很高，所以在右邊離大拇指更近，而掛電話頻率不高所以在左邊遠一些。從色彩體驗上分析，紅色也有警示警告的作用，

但如果紅色按鍵和綠色按鍵換個位置，其實并不會影響視覺，但卻不是一個好體驗，可能隨時都會有掛電話的誤操作

UI無處不體現(xiàn)在我們生活之中，無論大小，它都存在于你所看到的，你所觸碰到的體驗里。所以UI不單純是美工，還要考慮到視覺效果和用戶體驗。而用戶是很挑剔的，對視覺的需求和對體驗的需求都在不斷的發(fā)生變化和提高。所以這也造就了UI設(shè)計師這種不需要敲代碼，但仍然可以拿高薪的互聯(lián)網(wǎng)崗位。

二、UI設(shè)計學習計劃

很多小伙伴沒有嚴格的學習計劃，導致于自學周期被自己拖得很長，所以自學UI設(shè)計，一定要制定適合自己的學習計劃，嚴格按照學習計劃去完成學習目標，才能獲得最終的勝利。那每個人的學習能力和技能掌握情況不同，在這里分享一個零基礎(chǔ)全天候以周劃分的學習計劃。希望你可以針對自己的情況，參考此計劃為自己的量身打造UI設(shè)計自學計

越簡單的元素搭配，就越考察一個設(shè)計師的基礎(chǔ)功，如果沒有過硬的技術(shù)和扎實的基本功，就難以準確地傳達產(chǎn)品自身調(diào)性和營銷賣點。

我們都知道創(chuàng)意思維對于設(shè)計師的重要性，卻也不能忽略基本功對于設(shè)計師的必要性。只有堅持不斷的負重訓練，扎實美術(shù)功底，才能在日后的商業(yè)實戰(zhàn)中輕松駕馭各種風格。

第一周：手繪

手繪的重點主要是培養(yǎng)學員的形體結(jié)構(gòu)，光感、空間的關(guān)系，這算是一個審美培養(yǎng)的啟蒙，時下最流行的矢量插畫就和手繪密切相關(guān)。

第二、三周：PS、AI基礎(chǔ)軟件的學習

從零開始學習軟件，需要用實際的案例去學習，這樣更加容易上手，并且UI設(shè)計的學習并不是只是簡單的學習軟件工具，很多在人都以為UI設(shè)計只要會了PS、AI等就可以了，其實讓通過實際的案例去了解設(shè)計背后的意義即設(shè)計思維、創(chuàng)意理解，才是更為重要的目的。

但是只學思維也不行，我們也要加強設(shè)計的基本功，對軟件完全的精通掌握，這是必須的。

第四、五周:平面構(gòu)成、Logo

掌握平面設(shè)計中點、線、面，加以延伸到到Logo設(shè)計，Logo一方面是包括圖形另一方面是包括字體，所以了解文字結(jié)構(gòu)是非?；A(chǔ)的，以及如果這一階段學的非常好，接Logo私單，價格高到不敢相信。

并且logo品牌部分學習中，要會從Logo的形式、氣質(zhì)、基礎(chǔ)屬性、思維方式、以及標準制圖等去深入學習。一個簡單的圖形通過形式的變形而演變出千變?nèi)f化的造型，如此多的變化還怕設(shè)計不出Logo嗎？

舉例：從形入手，一個圓可變實心的圓、可變空心的、可變半圓的還可變橢圓、半圓，那是不是就能聯(lián)想到雞蛋、煎蛋、荷包蛋、帽子、水杯呢？

第六周：品牌Logo定稿以及VI手冊設(shè)計

圖片來源：阿多比設(shè)計學院學員作品

這一周其重點是甲方思維思考設(shè)計，對，就是那個煩人的甲方爸爸，需要學習換位思考。

整個第一階段的學習內(nèi)容都是非?；A(chǔ)的，目的是培養(yǎng)設(shè)計思維，正所謂懂用戶所想，還不能設(shè)計出好產(chǎn)品？

第七周：響應式網(wǎng)站、一屏式網(wǎng)站

從案例來講述網(wǎng)頁設(shè)計的構(gòu)成、顏色、字體、功能、按鈕以及設(shè)計規(guī)范、排版規(guī)范。

第八周：后臺數(shù)據(jù)

除了后臺設(shè)計，更多的是后臺的數(shù)據(jù)統(tǒng)計處理，如何做到簡單化、明了化。

第九周：電商設(shè)計

電商平臺首頁設(shè)計，每一個月各大購物平臺都會有全站式的活動，活動主題都不一樣，所以其實電商設(shè)計的人才缺口是非常大的。

第十周：淘寶平臺詳情頁、后臺

這一部分是可以自己去申請?zhí)詫毜?、上架產(chǎn)品，任何學習都沒有直接上手來得快。實操實練，自己去體會各大平臺的規(guī)范，才會了解得更加清楚。

第十一周:C4D、Banner

進入3D訓練啦，豐富視覺效果，提高就業(yè)競爭能力，多會一門技術(shù)，就多一些可能，這也是我們要為什么不斷學習提升自己的原因。

第二階段，更多的是網(wǎng)頁的設(shè)計訓練，重點掌握企業(yè)站界面設(shè)計規(guī)范和輸出規(guī)范，且能夠根據(jù)企業(yè)真實需求設(shè)計頁面。

第十二周：用戶體驗、競品分析、原型圖

本周開始設(shè)計APP，通過數(shù)據(jù)分析來做競品分析，使用Axure來繪制APP的原型圖。

第十三周：圖標

有意思的圖標也是完整APP設(shè)計的重要一環(huán)。

第十四周：界面、膠囊

通過標志性APP來講彈窗頁、閃動頁。

第十五周：界面設(shè)計

繼續(xù)完成APP，并學會切圖、命名、標注、打包、交接（前端小哥哥、小姐姐打不打就看這周的學習內(nèi)容了）

第十六周：運營界面

營銷推廣性的用戶思維培養(yǎng)，把握用戶的痛點提升整體運營界面，達到營銷推廣的目的。這一般都是通過突然跳出來的彈窗、閃屏等，比如促銷性質(zhì)的頁面，增加了視覺感染力，促進了用戶的點擊。

第十七周：交互動效

學好AE動效會非常加分，因為它可以準確的傳達出你的思路，演示你想要的表達的效果。這必將成為UI的流行趨勢，不想要被市場淘汰，一定要繼續(xù)學習?。?/p>

這一個階段，可以嘗試著手設(shè)計屬于自己的APP，你可以選擇自己喜歡的主題，沒有局限性，這可以成為零基礎(chǔ)轉(zhuǎn)行的你的作品集內(nèi)容哦。

第十八周：前端

大家都知道與UI設(shè)計師密切合作的是前端，那作為一個UI設(shè)計師，只有懂了前端，這樣才會合作得更好，提升工作的效率。我們可以學習HTML5，學習CSS3等。

雖然是以周劃分，安排得滿滿當當，這樣學習流程適合大多數(shù)零基礎(chǔ)的小伙伴，每周的內(nèi)容如果學習的不扎實，可以適當停留腳步，因為每個人的學習能力不同，學習掌握情況不同。一定要將知識學扎實，一步一個腳印的往前走，才能真正將UI設(shè)計知識掌握牢靠。

二、UI設(shè)計需要哪些技術(shù)

一、了解UI設(shè)計師的角色定義和價值體現(xiàn)，UI的含義、UI設(shè)計師的含義

學習內(nèi)容：學習設(shè)計基礎(chǔ)、字體、構(gòu)圖、手繪等基礎(chǔ)技能。快速培養(yǎng)UI設(shè)計師的視覺敏銳度，和繪畫能力。

二維造型方法，二維簡約圖標繪制原理與技法，各種材質(zhì)質(zhì)感表現(xiàn)。

三維造型方法(物體的體積、結(jié)構(gòu)、透視與光影表現(xiàn))

色彩原理：色彩屬性、對比與調(diào)和、色彩的混色配置、設(shè)計色彩的表述體系，色彩的裝飾美感及色彩的表現(xiàn)方法

二、設(shè)計軟件應用：以Photoshop軟件為工具，講解書籍封面設(shè)計、海報設(shè)計、廣告設(shè)計、影樓后期處理、包裝設(shè)計、噴繪設(shè)計、畫冊設(shè)計、DM設(shè)計等企業(yè)實際工作中的具體項目。

以矢量圖形繪制軟件Illustrator為工具，講解標志設(shè)計、字體設(shè)計、圖形設(shè)計、企業(yè)VI設(shè)計、卡通形象設(shè)計等企業(yè)實際工作中的具體項目。

字體專項設(shè)計：字體的分類和種類、字體的認識、各種場合字體的應用、形象時尚字體設(shè)計、字體標志及在廣告設(shè)計中的實際應用

版式專項設(shè)計：版式的概念、版式中的色彩應用、版式中的字體應用以及網(wǎng)頁、書籍、報紙、畫冊、DM、海報等中的應用。

平面項目設(shè)計：結(jié)合軟件、色彩、字體及版式的學習，針對宣傳單、折頁、名片、海報及VI做專題設(shè)計，提升綜合應用能力及平面UI設(shè)計能力。

三、WUI設(shè)計基礎(chǔ)：頁面設(shè)計基本流程與設(shè)計規(guī)范的概念性講解，重點了解WEB界面設(shè)計規(guī)范;網(wǎng)頁配色技巧、色彩與構(gòu)圖的概念及技巧;網(wǎng)頁導航與字版式設(shè)計

網(wǎng)頁設(shè)計軟件應用：以Fireworks為工具介紹軟件的基本構(gòu)成、矢量工具和位圖工具、WUI用戶界面及廣告設(shè)計。

以Dreamweaver為工具建立站點、添加頁面元素、使用CSS樣式及交互行為。

以Flash為工具了解動畫制做原理與技巧，典型WUI商業(yè)廣告中的Flash技術(shù)與實現(xiàn)。

網(wǎng)頁設(shè)計要素：學習web網(wǎng)站設(shè)計基本要素，網(wǎng)站圖標、按鈕、廣告banner、專題頁設(shè)計等元素的具體設(shè)計方法

Web標準化布局：(X)HTML/HTML5語言：HTML語法與常用標簽的詳解，包括布局標簽，表格標簽，表單標簽等。

CSS/CSS3層疊樣式表：CSS語法與常用屬性的詳解，使用CSS對網(wǎng)站中各個模塊進行修飾美化。

WUI項目實戰(zhàn)設(shè)計：以企業(yè)網(wǎng)站、電商網(wǎng)站及專題網(wǎng)頁做實戰(zhàn)項目設(shè)計，經(jīng)過全流程設(shè)計，達到網(wǎng)頁界面設(shè)計要求

四、UE交互設(shè)計

1. 手機主題、界面與圖標設(shè)計;

2. 擬物化與扁平化設(shè)計;

3. 系統(tǒng)性學習蘋果IOS設(shè)計規(guī)范;

4. 系統(tǒng)性學習Android設(shè)計規(guī)范。

圖標設(shè)計：圖標設(shè)計要素與技法，圖標設(shè)計中的色彩應用，圖標創(chuàng)意思想與方法，2D圖標設(shè)計方法，3D立體圖標設(shè)計方法，圖標在界面中的設(shè)計應用。

移動UI界面設(shè)計：手機APP的用戶使用場景，手機界面的布局與結(jié)構(gòu)，手機界面中的視覺語言與控件詳解，手機交互中的手勢操作，APP產(chǎn)品的核心設(shè)計：導引設(shè)計，手機APP的色彩與情感化設(shè)計，手機APP整體視覺情感的提煉與傳達，移動APP項目設(shè)計iphone端APP實際項目實戰(zhàn)。

三、UI設(shè)計作品的評判標準有哪些

一套完整的UI設(shè)計其實是比較復雜的，從需求分析到市場定位，從草稿到擬方案，從創(chuàng)意元素的組合到想法沉淀，從設(shè)計規(guī)范到突破傳統(tǒng)，從紙上到電腦上，從個人到團隊，或者從團隊到個人，從素材收集到素材處理，從0思路到偶然，等等，其實設(shè)計一個東西真的真的會碰到太多太多的問題，這么復雜的過程，做出來的東西，其實別人看到的都只是“表面”，設(shè)計者也不會將自己內(nèi)心真正的東西暴露出來，因此大多數(shù)人不能完完全全理解一個作品真正想要表達的東西，所以，不要把一個作品的好壞完全依賴于別人的評價，也不要依賴于自我評價。當然，好壞還是有一些基本前提的，有了這些前提，作品是好還是壞，蘿卜各有所愛罷了。

如果沒有一些前提，只是個半吊子而已了，就算自己怎么再說自己的風格，其實在別人眼里是一個小小的笑話，有點倔強的逃避而已。

下面就說下一些個人認為的小標準，這些都是自己概括的，不是什么專家理論或者網(wǎng)絡理論，慎重參考哦，我歸納了8點：

1.色彩舒適度

一個第一眼看上去就雜七雜八色彩，或者完全沒有主次之分的簡潔，或者看上去就沒有視覺舒適度的飽和度或者明暗度不搭調(diào)的色彩，我想它已經(jīng)沒法繼續(xù)長久看下去了。因為人第一眼看到的，就是一個事物的顏色，才是形狀。

2.文字的主次

任何設(shè)計作品都要傳達信息傳達思想，如果一套設(shè)計中字體亂啪啪，文字大小和文字粗細，間距行距都沒有一個“主次邏輯”，我很難挖掘到自己想要的信息，不論設(shè)計是酷炫復雜的還是簡潔清爽的，光能展現(xiàn)信息時遠遠不夠的，信息文字的每一個細節(jié)，都決定了一個設(shè)計要傳達的思想主次，記住，你是要引導別人去看，而不是別人引導你去設(shè)計。這世上沒有一個真正定死的文字標準，但是最基本的，至少讓別人看清你的文字是寫的什么吧，所以，文字之間的不同色彩，也是能讓文字主次突出的方面

3.信息可讀性

有了文字基礎(chǔ)，處理好每個模塊的布局，色塊，插圖，背景等方面，會讓你的信息有較強的可讀性。別跟著你的愛好走：我喜歡酷炫，我喜歡簡潔，我喜歡優(yōu)雅，我喜歡二貨。把設(shè)計作品中你最想傳達的信息傳達出去，就算某些信息被別人忽略了，你依然是成功的。如果用戶連看都不想看，連最基本的信息都沒法傳達，那作品的任何風格，都只是口頭吹噓。你要定好你的目標用戶，你想吃遍全中國乃至全世界，全行業(yè)?除非，沒有除非了。

4.UI識別性

這一點在圖標上味道非常濃，不論你設(shè)計的是扁平化還是擬物化還是梵高風格，不一定要3秒看出圖標的意思，也要讓人欣賞這個圖標美感的同時，大概“心里知道”，這個圖標要傳達個什么。一個網(wǎng)站banner的設(shè)計，一個頁面的導航設(shè)計，都要考慮到識別性，你想傳達這個圖像的什么內(nèi)涵?你這個圖形的意圖是什么?都是設(shè)計者需要考慮的。

5.交互性與易用性

上面的工作都做得差不多了，剩下的就是使用了。不論是手機主題還是網(wǎng)站設(shè)計還是APP還是游戲，要讓別人快速上手，能玩，能用，甚至用的簡單，玩的簡單，就算你采用銀河系都沒有的酷炫交互，或者采用地球上已經(jīng)瀕臨滅絕的土逼設(shè)計，達到方便使用的優(yōu)良品質(zhì)，你的作品再牛逼到?jīng)]法看，也有牛逼的地方能看。

6.思想，生活的傳達

作品是什么樣，一般能從另一個層面看出一些設(shè)計師對生活對工作對感情的態(tài)度和狀態(tài)，所以別小看一個作品的力量，它可能就是傳達你自己真實內(nèi)心的一個媒介，可能你并未發(fā)現(xiàn)，但是旁觀者已經(jīng)發(fā)現(xiàn)你了。

所以說，融入生活得設(shè)計是比較難的，同時，也是最容易的，你是否把你最粗心最讓人厭倦的一面暴露到設(shè)計作品中?是否把你最細致入微最耐人尋味的一面?zhèn)鬟_到用戶心里?一張圖就可以看出(當然這不代表全部啊，某些設(shè)計師的作品看幾天你也看不出他是什么人過著什么生活的)

7.微小的細節(jié)和微小的創(chuàng)意

別說這個東西就是你創(chuàng)造的，因為上帝比你創(chuàng)造的還早。UI設(shè)計中一根線，一像素，色彩飽和度的細微差別，一個小漸變，一個字體的選擇，畫布的大小，用筆的粗細，這些小細節(jié)，雖然不是人人都能說得出，但是能第一眼“看在心里，感覺到骨子里”，所以就算不說，細節(jié)也是能讓任何人第一時間感覺到的，別忽視每一個小細節(jié)，它說不定就是你成功的堡壘，也是一有機會就讓你失敗的利箭。

細節(jié)中，你就能誕生一些微小的創(chuàng)意，小創(chuàng)意創(chuàng)造大創(chuàng)意，沒有細節(jié)，何談創(chuàng)意?那就只是紙上談兵，口說無憑。

8.生活中表現(xiàn)手法的引用

一個簡單的視差，一個簡單的墜落，一個簡單的玻璃破碎，一個簡單的樹葉飄落，一張紙簡單的角度擺設(shè)，一盆植物簡單的遠近拍攝，這些東西，都能創(chuàng)造你無窮的表現(xiàn)手法，當然，這也是比較難的，能將生活融入設(shè)計，是需要積攢的，不是一兩天能體會到的。

如果還想要更多的概括，那么。。額，那么暫時沒有了，因為我現(xiàn)在的水平只能感覺到這么多，還無法感知到更多，說不定以后可以感知更多，哈哈。

總結(jié)：別開口閉口評價一個設(shè)計作品的好壞，作品本不分好壞，它是每個真實的設(shè)計師的心聲，蘿卜各有所愛。一些基礎(chǔ)的小標準可以看出這個設(shè)計者把這個作品設(shè)計得“是好還是壞”。連一些基礎(chǔ)標準都沒用心去達到的，或許，也沒必要去評價那個UI設(shè)計作品了。因為那個作品，并沒有想要別人去評價它好壞的意圖。何必呢?

四、ui設(shè)計基礎(chǔ)全套視頻教程

學設(shè)計不如學【視頻剪輯】。理由很簡單，容易學（不像其它行業(yè)學習成本高，難度大），適合短期3-4個月短期學習，而且行業(yè)缺口非常大，無論是找工作還是自己在家里接私單，月收入輕松過萬，兩三萬也是稀松平常?！军c擊進入】免費“短視頻剪輯后期”學習網(wǎng)址：

www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-366204628309163652

因為現(xiàn)在【短視頻】的崛起，任何企業(yè)，任何工作室或者個人都需要制作剪輯大量的短視頻來包裝品牌，發(fā)抖音，發(fā)朋友圈，發(fā)淘寶等自媒體渠道做展示。因為每天都要更新并發(fā)布新內(nèi)容，所以剪輯師根本招不夠，，供需失衡就造成了剪輯師高薪水。

而且剪輯這個技術(shù)并不需要高超的電腦技術(shù)，也不需要美術(shù)音樂造詣，基本都是固定套路，要什么風格的片要什么節(jié)奏，經(jīng)過三四個月的培訓都可以輕松掌握。但凡有點電腦基礎(chǔ)會用鼠標拖拽，會點擊圖標，會保存除非自己不想學，沒有學不會的。但是要學好學精，就一定要找專業(yè)負責的培訓機構(gòu)了，推薦這個領(lǐng)域的老大——【王氏教育】

在“短視頻剪輯/短視頻運營/視頻特效”處理這塊，【王氏教育】是國內(nèi)的老大，每個城市都是總部直營校區(qū)。跟很多其它同類型大機構(gòu)不一樣的是：王氏教育每個校區(qū)都是實體面授，老師是手把手教，而且有專門的班主任從早盯到晚，爆肝式的學習模式，提升會很快，特別適合0基礎(chǔ)的學生。王氏教育全國直營校區(qū)面授課程試聽【復制后面鏈接在瀏覽器也可打開】： www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-366204628309163652

大家可以先把【繪學霸】APP下載到自己手機，方便碎片時間學習——繪學霸APP下載： www.huixueba.com.cn/Scripts/download.html

以上就是關(guān)于APPUI設(shè)計規(guī)范相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服QQ: 1454722008（同微信）進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。

推薦閱讀：

營銷管理在哪個電子書app可以看(營銷管理在哪個電子書app可以看)

papitube抖音代運營怎么樣？papitube抖音代運營可行嗎？

app拉新推廣一手接單平臺（app推廣拉新一手渠道）

外賣品牌怎么制定策劃(外賣品牌怎么制定策劃方案)

奧靈柯抖音代運營是怎么收費的，奧靈柯收費模式