想了解、學習APP的UI設計應從何下手？

01-26

請別嫌棄問題過大，確實小弟知之甚少、甚淺。

路過，推薦些UI設計相關的網站，希望對lz有用~ 好用點個贊謝謝~

UI設計師_學習網站導航
UI設計網
探討交流用戶界面設計

http://http://www.uisheji.com/
GUImobile莫貝網
移動設備界面設計專業網站
http://http://www.guimobile.net/
搜圖標Icon
ICON(PNG/ICO/ICNS)圖標搜索下載
http://http://www.easyicon.net/
findicons
下載469674個免費圖標, PNG圖標, 網頁圖標。
http://http://findicons.com/
花瓣網
用於素材收集，是非常棒的素材庫
http://http://huaban.com/
UI設計師導航網
ui,ui設計師互動交流分享平台
http://http://so.uigreat.com/
站酷 (ZCOOL)
站酷網類別比較全，UI，插畫，平面設計，雕塑之類都能在這裡找到
http://站酷 (ZCOOL)
UI中國-專業界面設計平台

界面設計類，和dribbble類似，不過還有很多教程和素材
http://http://www.ui.cn/
優設-UISDC
優秀網頁設計聯盟-SDC-網頁設計師交流平台
http://http://www.uisdc.com/
UE設計平台-網頁設計
設計交流，界面設計，酷站欣賞
http://http://www.uehtml.com/
SDC設計師網址導航
學設計從這裡開始！

http://http://hao.uisdc.com/
曉生 | 和他的小夥伴們
愛奇藝設計經理
http://http://daichuanqing.com/
騰訊CDC
關注互聯網視覺設計、交互設計、用戶研究、前端開發
http://http://cdc.tencent.com/
騰訊MXD
騰訊MXD移動互聯網設計中心
http://http://mxd.tencent.com/
騰訊ISUX
騰訊社交用戶體驗設計
http://http://isux.tencent.com/
騰訊TGideas
騰訊遊戲官方設計團隊
http://http://tgideas.qq.com/
百度Search UX
百度搜索用戶體驗中心
http://http://ued.baidu.com/
百度MUX

百度無線用戶體驗部
http://http://mux.baidu.com/
淘寶UED
淘寶網UED官方博客
http://http://ued.taobao.org/blog/
攜程UED
攜程旅行前端開發團隊
http://http://ued.ctrip.com/blog/
新浪UED
一個關注用戶體驗、工作流、作品質量的有愛團隊

http://http://ued.sina.com/

---------附其他領域的學習榜單---------

一、匯總榜單：

公開課_學習網站導航
收錄了網易、多貝、傳課等眾多公開課學習網站
大學生常用_學習網站導航收錄了外語學習、就業、實習、考研等眾多大學生相關的學習網站
IT互聯網_學習網站導航收錄了IT、程序員、web開發、移動開發等眾多互聯網相關的學習網站
IT職業技能_學習網站導航收錄了產品經理、UI設計師、前端、網路安全等互聯網職業技能提升網站
其他網站收錄
收錄了一些稀奇古怪的網站、音樂電台、工具應用、大雜燴

二、適合大學生的：

外語學習提供了英語學習的相關網站
就業 | 實習提供了大學生就業、實習相關的學習網站
考研提供了考研相關的學習網站
國外學習網站收集國外眾多優質學習網站，首先。。你得會英文(⊙o⊙)…
科研|文檔|資料
學霸過來吧~找論文利索~

三、IT互聯網相關的：

IT互聯網IT互聯網學習相關網站
IT程序員IT程序員學習相關網站
IT移動開發IT移動開發學習相關網站
web開發web開發學習相關網站
IT培訓機構
這些培訓機構上可以找到一部分免費的教程

四、IT職業技能相關網站：

產品經理網站導航N多產品經理學習入門學習網站
UI設計師學習網站導航N多UI設計師入門學習網站
WEB前端學習網站導航N多前端初學者學習入門的網站
黑客|網路安全學習網站導航N多黑客入門安全攻防學習資料
科技媒體網站導航
了解互聯網圈內動態，培養互聯網思維~

五、其他：

稀奇古怪的網站不少都是很有意思的，不要錯過~
稀奇古怪工具有些工具可是神器哦~
益智訓練專治大腦生鏽！
舞蹈|藝術妹子可以看看
谷歌代理訪問國外網站學習的利器，提供N多代理
音樂電台N多高質量音樂網站，觸動心靈的音符！
影視動畫|遊戲策劃
電影|動漫
旅遊|攝影|體育|戶外
創意|生活有意思

麻煩點個贊好嘛！

最近偶然得知一個高中同學現在跑去報了培訓班學UI了

我的內心是崩潰的不是說所有培訓班都不好只是我感覺他有點被忽悠了

很多培訓機構的宣傳大概是 3個月速成高薪就業7000+

我就科科了如果在幾年前花1w+去報班學UI我還能理解

就現在我覺得如果是抱著出來找份高薪工作的念頭的真的不適合去報班了

高薪就業我真是不看好啊 UI這個職業都火了好久了真真感覺完全飽和了

我工作快2年有種要失業的感覺了（最近在擼代碼- -

當然如果你是真的熱愛這個職業就想著我TM就要做這個

我報班入門後一定也會好好學習我一定要成為觸好樣的加油

由於扁平化的崛起大家好像都有種其實UI挺簡單的錯覺

圖樣你真的入了這個圈子就知道根本不是這麼回事媽蛋有好多好多好多要學的

稍微鬆懈點就是分分鐘鍾跟不上節奏（我又是個懶的要死的人怪我- -

之前看過這個問題自己也在思考做5年UI能做到什麼樣子

工作五年以上的 UI 設計師，你們都在幹什麼？ - 知乎用戶的回答

工作快2年感覺自己就是處於這個很糟糕的階段TAT

看了越多的東西越覺得自己做的很爛

三、發展得很糟糕的
主要是指，5年來一直沒有正經進入過專業的團隊或者能夠為設計發揮價值提供足夠資源的公司，作品的檔次參次不齊，水平也不穩定，更別說拿出手。同時由於自己也沒有足夠的專業背景，不知道如何有效的提升自己，對於專業領域的認識非常局限。這一部分人可能拿著勉強夠在本地活下去的生存資本，雖然有非常迫切的願望想要提升自己，卻總感覺有心無力。

這個行業真的做的好拿不錯的薪水的很多可是你得知道人家是真的很牛啊

我是工作越久越覺得媽蛋怎麼這麼多人這麼厲害（人家比你厲害還比你努力

哦說了這麼多廢話就是提醒下抱著速成高薪就業的念頭報培訓班的同學慎重

————————————————————————————

大學專業食品質量與安全現在做UI設計- -

工作一年還是個渣渣講下我自學UI的經歷吧

之前回答貼的下載頁面關閉了更新下網盤鏈接

AssistorPS下載

windows 鏈接: http://pan.baidu.com/s/1i3PVTg5 密碼: k17j

Mac 鏈接: http://pan.baidu.com/s/1bliSCA 密碼: aepx

————————————————————————————

1.掌握軟體這是基礎

UI設計用的軟體就那幾個 Photoshop Sketch AI也可以

我自己學的是ps ps很強大你不用全部功能都掌握不同的方向側重不同

相對來說我自己覺得UI這塊需要熟練掌握的主要是形狀工具鋼筆工具文字工具圖層樣式

其他不是說不學也需要了解比如曲線色階這部分功能做後期修片是基本

但在UI設計這塊用的相對較少至少在我工作中是這樣的哈

我自己看的是老賀的ps基礎教程是一個培訓機構的公開課
我不是他們的學員哈不是廣告

我這種窮逼都是找免費的公開課學習的- -

另外還有老李公開課我自己就是看他兩的視頻學習的

一定要邊看邊做一定要邊看邊做一定要邊看邊做 重要的事情說三遍

沒有實際做練習看幾次視頻都是白搭

photoshop基礎教程視頻

網頁與UI設計從入門到精通視頻教程

UI設計視頻教程

photoshop設計製作

The B??zier Game-之前優設網推過的鋼筆練習網站

2.大量的做練習

我做練習就集中在剛把ps摸熟的時候看見做的棒的東西都想臨摹一下

大量的練習可以讓你熟練的掌握軟體不僅僅是最初的熟悉
這個階段請盡量用快捷鍵做練習

我感覺不用特意去記網上那種長串的快捷鍵表沒用在實際的練習中慢慢就記住了

熟練使用快捷鍵在工作中會大大的提高效率啊

另外推薦可以看下這個UI新手實用法則

UI設計新手？試一試這7條法則（Part 1）

UI設計新手？試一試這7條法則（Part 2）

現在網上很多教程都是傻瓜式的新手向圖層樣式的數值什麼的全部都貼了出來

一開始可以跟著這些教程做因為你還是新新手做一兩個就可以了

之後不要看這樣把數值貼出來的教程要自己去琢磨這個東西它用了哪些圖層樣式實現的

自己試著臨摹著做看見喜歡的酷炫的作品自己分析然後臨摹著做

看著自己做完的東西成就感超贊的~

PS教程-優設的教程合集

可以去參加一些比賽也算是做練習同一個命題可以看看別人是怎麼想的

站酷經常會有一些比賽活動的很多優秀的作品可以知道自己和別人的差距

手機主題皮膚的比賽居多但在實際工作中UI設計不僅是畫圖標

設計活動/設計賽事

做練習時 請養成整理圖層的好習慣

你可以在做的時候不去管混亂的圖層只要你自己用著方便都ok

但在完成一個作品之後 一定要整理圖層一定要整理圖層一定要整理圖層

因為你不知道什麼時候你可能會把源文件發給誰一起做設計的同事、leader、開發等

如果別人打開一個亂的不成樣子的psd 內心一定是一萬頭草泥馬的我經歷過這種痛- -

2013新版 - 40條網頁設計師需了解的Photoshop禮儀

3.了解規範

軟體已經掌握之後你需要知道一些做UI基本的東西

比如iOS的圖需要建多大的畫布 Android是多大的狀態欄導航欄標籤欄高度是多少

手機屏上最適字型大小是多大能看清的最小字型大小是多少 iOS用什麼字體 Android用什麼字體

點擊區域最小是多少
很多規範的東西在網上都可以找到

ios安卓設計標準規範-UI中國

iPhone APP設計規範/iPad APP設計規範/Android APP設計規範/網頁設計規範

界面設計之尺寸篇

概述 - Material Design 中文版超實用！

19條Android平台設計規範

跟上潮流！手把手帶你入門IOS 8人機界面設計

UI設計師必收！同行總結可即刻上手的iOS規範參考

4.實際參與項目

從原型圖到出效果圖再到切圖以及標註給開發

效果圖要不斷導出在手機上看電腦上和手機上看是兩回事

我是直接保存jpg 然後通過QQ傳到手機的- -

不過有軟體可以實時同步現在好像CC2015也可以多端同步了

Ps Play – 移動設計零阻力

PS CC 2015評測專題！

那些你不知道的Photoshop冷知識（五）

溝通很重要 UI設計主要會和產品經理和程序員打交道有時大boss也會來指點一二

所以請注意溝通技巧如何說服別人這樣的設計是ok的

切圖前也要和開發先做好溝通怎樣切最好

有些簡單的元素是不用切圖開發可以自己寫的所以先和開發溝通

iOS需要三套圖 @1x @2x @3x（1倍 2倍 3倍）我是以750*1334的界面作為@2x圖

Android開發只需要我切一套圖以1080*1920的效果圖切

標註主要是幫助開發確定各元素的位置間距色值字型大小

ps自帶有切片工具C 現在有很多好用的切圖和標註外掛我用的Pxcook和Assistor

FancyNode - PxCook

Assistor PS Download

切圖標記外掛神器Assistor PS深入解讀（上）

免費了！切圖標記外掛神器ASSISTOR PS深入解讀（下）

等開發完成後需要做測試

我一般等同事把功能性的測試走完沒有大bug 再去和開發溝通頁面問題和iOS的適配

在時間有限前提下功能優於美觀我是這樣覺得的

5.不斷提升自己的技能

基本到這兒軟體已經掌握很熟練了工作的流程也了解了

你需要做的就是不斷的提升自己的技能

可以看這個回答

視覺設計師如何進階提升自己的能力？ - 吳洋的回答

技能不僅是軟體操作技能包括審美設計能力溝通能力

看個人需求哪方面欠缺就補哪塊

審美我覺得就是多看看漂亮的東西我常去這幾個網站

站酷 (ZCOOL)

Behance

Reeoo | web design inspiration and website gallery

iOS全部 UI - iOS App UI 欣賞-這個是app界面的截圖有時候可以參考

優設-UISDC: 優秀網頁設計聯盟-SDC-網頁設計師交流平台

如果想要看書可以參考優設列的書單

優設圖書導航

還有其他很棒的網站推薦參考優設的網址導航

SDC設計師網址導航

恩我能想到的大概就是這樣因為我也是自學做的設計身邊沒有一個朋友是做這塊的

所有都是自己摸索的可能有不正確的地方歡迎指正~

多下幾個好APP來研究。右轉最美應用的專欄。然後去看看dribble啥的

研究半年以上再來問第二個問題。

ARTUI 可以試試兩個月的課程

收

不錯哦，留著自己慢慢看看，

佔個坑，晚上回來答———————————————————————

這本身是一門系統的課程了，所以僅憑提問是不夠的，當然有指導路線也是必要的。建議還是首先了解一下基本的色彩理論知識，當你對作品可以從專業的設計角度進行審美評價的時候，再著手進入用戶體驗這一塊的學習了。