APPUI設計規(guī)范（app設計準則）

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

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務客戶遍布全球各地，相關業(yè)務請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

• 1、ui設計什么

• 2、UI設計需要哪些技術

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

• 4、UI設計到底是什么東西？

一、ui設計什么

UI設計（或稱界面設計）是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱。

好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點

順便在此給大家分享一個學平面設計的網(wǎng)站“兔課網(wǎng)”，大家可以百度搜一下：兔課網(wǎng)，兔課網(wǎng)是一個專門學設計的網(wǎng)站，上面有很多的設計教程，還有一個魔鬼特訓班，魔鬼特訓班大家可以挑戰(zhàn)一下，很多人的學習效果都非常不錯！

二、UI設計需要哪些技術

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

學習內(nèi)容：學習設計基礎、字體、構圖、手繪等基礎技能?？焖倥囵B(yǎng)UI設計師的視覺敏銳度，和繪畫能力。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、UE交互設計

1. 手機主題、界面與圖標設計;

2. 擬物化與扁平化設計;

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

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

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

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

三、UI設計作品的評判標準有哪些

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

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

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

1.色彩舒適度

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

2.文字的主次

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

3.信息可讀性

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

4.UI識別性

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

5.交互性與易用性

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

6.思想，生活的傳達

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

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

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

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

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

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

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

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

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

四、UI設計到底是什么東西？

UI設計是什么？

看完這個視頻就明白了！

先看百科的定義：

如果說定義很晦澀難懂的話，那按我的理解通俗來說UI就是我們與機器進行人機交互時看到的機器顯示屏的所有內(nèi)容的設計、視覺效果設計、交互效果設計 包括界面的色彩風格、按鈕樣式、界面布局、文字排版、界面交互，彈窗樣式等等。

比如手機屏幕顯示的系統(tǒng)桌面、APP的顯示界面、淘寶商品詳情的頁面。界面上的按鈕以及點某個按鈕出現(xiàn)的界面變化效果也就是交互，這些只是在進行UI設計時都要考慮、設計的一部分而已。

答主是老師，那在電腦上看到的學校官網(wǎng)的頁面內(nèi)容設計這些統(tǒng)統(tǒng)屬于UI設計的范疇。

當然還有一些UI設計，不僅僅是在手機或者電腦上。比如空調(diào)上的溫度顯示面板設計

洗衣機上的控制面板等等也都屬于UI設計的范疇

不知這樣回答答主理解了嗎？

ui設計，全稱：user interface design，也就是用戶界面設計。

在一個APP或者網(wǎng)站（網(wǎng)頁）開發(fā)之前，先由產(chǎn)品經(jīng)理確定項目，再由產(chǎn)品經(jīng)理或交互設計師給出產(chǎn)品原型，而UI設計師根據(jù)產(chǎn)品原型設計制作出產(chǎn)品（APP或網(wǎng)頁）界面，再由前端用代碼將網(wǎng)頁實現(xiàn)，然后是后端，最后是產(chǎn)品測試。經(jīng)過這些步驟，才能做出一個產(chǎn)品。

所以UI設計師主要負責APP界面設計，網(wǎng)頁設計。

其中又包括了圖標設計，banner設計，交互動效制作，產(chǎn)品原型制作，平面廣告設計，配合團隊的工作，以及領導交代的其它任務

UI設計（或稱界面設計）是指對軟件的人機交互、操作邏輯、界面美觀的整體設計，也叫界面設計。

看以下視頻詳解：

讓一個東西變得好看好用有逼格，這大概就是UI設計存在的意義。

要搞清楚UI設計師什么，首先要說說我們都知道的平面設計跟UI設計的區(qū)別：

平面設計

也叫做視覺傳達設計，用“視覺”作為溝通和表現(xiàn)的方式，通過多種方式來創(chuàng)造和結(jié)合符號、圖片和文字，借此做出用來傳達想法的視覺表象。設計師一般用字體排印、視覺藝術、版面、電腦軟件等方面的專業(yè)技巧，來達成創(chuàng)作計劃的目的。

UI設計

是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。

平面設計和UI設計的區(qū)別

設計思路的差異：平面設計廣告行為簡單理解為“創(chuàng)意產(chǎn)出->投放渠道->目標客群”這樣的一個過程，舉例說一張宣傳頁，對于消費者來說并不是產(chǎn)品，但對于廣告主來說，這就是一個產(chǎn)品，用于幫助它實現(xiàn)銷售增長的目標。而作為app來說，它本身就是一個產(chǎn)品，我們要認真研究用戶的習慣，它的用戶體驗決定了它會生存多久——這是與以往絕不相同的設計思路，是彈窗還是狀態(tài)欄，是下拉刷新還是上拉刷新…在方寸之間有無窮的可能，我們稱之為交互的東西正是兩者設計思路本質(zhì)上的差異。

知客云 - 知識技能募資平臺，知客和你一起 重新定義學習 一個有趣的線上學習平臺在等著你哦，知客云（zokocloud）

很簡單：

1.圖標設計（最基礎的，做平面的都會，會PS、AI就好了）

2.界面設計（ui入門階段，最基礎的你要會界面設計）

3.交互設計（ui進階階段，做項目從項目開發(fā)到設計，考慮用戶體驗的高級設計師）

4.UI產(chǎn)品經(jīng)理（負責UI產(chǎn)品開發(fā)整個過程，參與并決策設計方向、思路等）

不用長篇大論，UI設計就是設計師進階，最簡單會軟件、會視覺、懂心理、懂開發(fā)、會寫代碼。完畢~

UI相當于美工吧，除了專業(yè)技術還需要很好的審美能力和想象力，工作處于產(chǎn)品經(jīng)理和前端開發(fā)之間，所以掌握好工具，提高效率還是很重要的，可以使用藍湖這種的第三方工具，支持接入sketch，ps和Adobe xd的插件

UI設計是指對軟件的人機交互，操作邏輯，界面美觀的整體設計。這張圖片的圖標就是用UI設計做成的。它的內(nèi)容包括負責軟件界面設計的美術設計，創(chuàng)意、制作的工作。根據(jù)各種相關軟件的用戶群，提出構思新穎，有高度吸引力的創(chuàng)意設計，對頁面進行優(yōu)化，使用戶操作更趨于人性化。

筆者雖不是從事UI設計行業(yè)，但由于行業(yè)原因，和UI設計的人沒少打交道，憑借自己這些年的經(jīng)驗，簡單回答一下題主的問題：

要明白UI設計是什么意思，我們就首先需要了解一下什么是UI

UI即User Interface的簡稱，也就是用戶界面，比如手機、電腦、移動APP，網(wǎng)頁，各種智能穿戴設備的操作界面，以及我們經(jīng)常使用的微信、QQ的操作界面等，大到一個操作系統(tǒng)、應用，小到一個按鈕，都可以叫UI。

明白了UI，UI設計就好懂了，UI設計主要指設計人員對各種操作界面進行規(guī)劃、設計

、美化，使各種人機交互界面布局合理、更美觀，易用，一套軟件或一個智能設備的成功與否，很大程序上，取決于UI的設計效果

ui設計的本義是用戶界面，是指從事對軟件的人機交互、操作邏輯、界面美觀的整體設計工作的人，從工作內(nèi)容上來分，一般分為圖形設計、交互設計和用戶測試這三分類。

ui設計不僅僅是從事美術繪畫，更需要對軟件使用者、使用環(huán)境和使用方法進行定位，簡單的來說ui設計就是一個不斷為用戶涉及視覺效果使之達到滿意的過程。 ui設計從工作職能上大體分為三個方面：

一、圖形設計

也就是傳統(tǒng)意義上的美工，當然實際工作內(nèi)容不單純是意義上的美工，而是軟件產(chǎn)品的外形設計，國內(nèi)目前大部分的ui工作者都是從事這一方向。

二、交互設計

主要就是設計軟件的操作流程、樹狀結(jié)構、操作規(guī)范等。交互設計就是做整個項目的交互流程，使操作更加簡單、直接、突出主題。

三、用戶測試體驗

工作的內(nèi)容主要是測試交互設計的合理性和圖形設計的美觀性，一般是通過調(diào)查問卷的形式來了解用戶現(xiàn)在需要什么樣的體驗以及界面，從而方便用戶使用。

好的ui設計師不僅會讓軟件變得更加個性有品味，還會讓軟件使用起來變得更加舒適、簡單，充分體現(xiàn)了軟件的定位和美觀。

以上就是小編對于APPUI設計規(guī)范問題和相關問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：

找IT眾創(chuàng)平臺（找it眾創(chuàng)平臺app）

蘋果朋友圈一鍵轉(zhuǎn)發(fā)神器（蘋果朋友圈一鍵轉(zhuǎn)發(fā)神器app）

手機照相app排行榜（手機照相app排行榜）

web網(wǎng)頁設計與制作（web網(wǎng)頁設計與制作期末考題）

10米高護坡景觀設計規(guī)范（10米高護坡景觀設計規(guī)范標準）