1. How To Set Up Photoshop For UI Design
如果你是Photoshop的新手，又在做UI設(shè)計(jì)，這個(gè)教程教你如何使用常用的Photoshop設(shè)置來(lái)達(dá)到更好的效果。本文是以iPhone為實(shí)例告訴你怎么在UI設(shè)計(jì)中使用Photoshop，完全是初學(xué)者的教程。
2. How to Design an iPhone App in Photoshop
這篇文章將為我們介紹使用Adobe Photoshop為iPhone設(shè)計(jì)一個(gè)簡(jiǎn)單的3頁(yè)目錄列表應(yīng)用程序。并且將一步步地指導(dǎo)你完成這些步驟，還涵蓋了使用Photoshop設(shè)計(jì)iPhone應(yīng)用程序的所有基本原則。
3. Design an App Landing Page in Photoshop
在這個(gè)教程中，我們可以看到一個(gè)應(yīng)用程序著陸頁(yè)的詳細(xì)設(shè)計(jì)過(guò)程。設(shè)計(jì)師使用Tuts Android應(yīng)用程序進(jìn)行演示，強(qiáng)調(diào)其功能和優(yōu)勢(shì)，利用多個(gè)CTA來(lái)完善整個(gè)著陸頁(yè)的設(shè)計(jì)。
4. How To Design a Mobile App Signup Screen in Adobe Photoshop
如果你想要設(shè)計(jì)一個(gè)像Facebook或者Instagram這樣成功的登錄界面設(shè)計(jì)，那么這個(gè)完全是你必看的基礎(chǔ)教程，視頻中教你如何選擇顏色，設(shè)計(jì)按鈕以及詳細(xì)的步驟來(lái)展示登錄界面的設(shè)計(jì)過(guò)程。視頻雖然是四年前的，但是里面的設(shè)計(jì)依舊不過(guò)時(shí)。
如何使用Sketch來(lái)設(shè)計(jì)手機(jī)UI界面
1. A Step-by-Step GUIde for Starting a New App Design Project in Sketch
開始一個(gè)新的設(shè)計(jì)項(xiàng)目是很難的，無(wú)論你是自由設(shè)計(jì)師，還是在知名的產(chǎn)品公司工作，時(shí)常會(huì)感到迷茫。本文將一步步的教你如何使用Sketch開始一項(xiàng)新的APP設(shè)計(jì)項(xiàng)目。
2. Food App UI ? Sketchapp Tutorial / Sketch 4 Tutorial
視頻主要是介紹如何使用Sketch制作一個(gè)美食類APP 菜單欄UI設(shè)計(jì)，簡(jiǎn)單易懂。
3. Sketch 3 for iOS App Design Step by Step
Sketch 3是一款優(yōu)秀的矢量設(shè)計(jì)和圖形程序，很適合用于設(shè)計(jì)iOS應(yīng)用程序。在這個(gè)視頻中，設(shè)計(jì)師使用Sketch 3來(lái)設(shè)計(jì)一個(gè)iPhone APP用戶界面。
《From Idea To Reality: Designing An App With Sketch And Xcode 》這篇文章是進(jìn)階版的APP 設(shè)計(jì)教程，從理論到具體的例子講解，非常受益。
4. Sketch App Tutorial – Build a music app landing page in Sketch
Sketch 作為當(dāng)下主流的設(shè)計(jì)工具，似乎有超越Photoshop的趨勢(shì)。本視頻介紹的是如何使用Sketch來(lái)制作一個(gè)音樂APP登錄頁(yè)設(shè)計(jì)，可以說(shuō)是手把手的教程，每一步都非常的詳細(xì)細(xì)致，非常適合初學(xué)者。
看了前面的音樂類APP登錄界面的教程， 你是否也想設(shè)計(jì)出一個(gè)屬于自己的音樂APP呢？接下來(lái)我將介紹如何通過(guò)結(jié)合Sketch和原型設(shè)計(jì)工具設(shè)計(jì)一款音樂類的APP（Prototype an music app with prototyping tool）
TIMING
這款原型音樂類的APP在Mockplus設(shè)計(jì)大賽中斬獲頭籌，設(shè)計(jì)師通過(guò)采用Sketch以及Mockplus的結(jié)合，做出了高保真原型。這個(gè)APP主要體現(xiàn)一種復(fù)古的視覺效果，磁帶轉(zhuǎn)動(dòng)的效果是這次視覺上的設(shè)計(jì)重點(diǎn)。
必讀的手機(jī)界面UI設(shè)計(jì)好文
1. The 10 principles of mobile interface design
計(jì)算機(jī)和手機(jī)是人們?nèi)粘９ぷ骱蜕畋貍涞耐ㄓ嵐ぞ摺５谠S多方面，手機(jī)往往更加強(qiáng)大，手機(jī)更加的私人化，與我們的聯(lián)系更緊密。鑒于移動(dòng)手機(jī)和計(jì)算設(shè)備之間的許多差異，移動(dòng)設(shè)計(jì)與桌面設(shè)計(jì)的設(shè)計(jì)大不相同。這篇文章詳細(xì)的向我們介紹了移動(dòng)界面設(shè)計(jì)的基本原則，幫助設(shè)計(jì)師們開發(fā)移動(dòng)應(yīng)用程序的獨(dú)特力量。
2. UI Design Do’s and Don’ts
iOS良好的優(yōu)化了用戶面設(shè)計(jì)，并提供給用戶優(yōu)質(zhì)且具有吸引力的用戶體驗(yàn)。在開始你的iOS設(shè)計(jì)之前，一定要清楚Apple官網(wǎng)的關(guān)于iOS常見的設(shè)計(jì)原則，來(lái)在增強(qiáng)手機(jī)應(yīng)用的可用性和吸引力。更多關(guān)于優(yōu)秀的iOS界面設(shè)計(jì)，請(qǐng)閱讀《iOS人機(jī)界面指南》。
3. How to use colors in UI Design
顏色可以說(shuō)在UI設(shè)計(jì)中至關(guān)重要。用的好，那就成功了一半，用不好，可能導(dǎo)致整個(gè)應(yīng)用失敗。在你的配色方案中，最好只使用三種主色跳，使用的顏色越多。越難實(shí)現(xiàn)平衡。這篇文章不但提到基礎(chǔ)的用色知識(shí)加上實(shí)例解釋，還有常用的工具介紹。
4. 10 Best APP UI Design for Your Inspiration
每位UI設(shè)計(jì)師都?jí)粝胫龀鲎畛錾慕缑妫║I）設(shè)計(jì)， 能夠脫穎而出的手機(jī)界面設(shè)計(jì)則少之又少。設(shè)計(jì)師們?cè)谠O(shè)計(jì)UI界面時(shí)，往往會(huì)參考來(lái)自不同設(shè)計(jì)師的設(shè)計(jì)，這篇文章列出了2017年最出色的的10個(gè)手機(jī)應(yīng)用界面設(shè)計(jì)范例，給設(shè)計(jì)師們謀福利。
總結(jié)
移動(dòng)設(shè)計(jì)不斷地在發(fā)展，如果你想跟上這個(gè)時(shí)代，你需要不斷閱讀和觀看高質(zhì)量的教程或文章。在本文中，我收集12個(gè)最佳教程的示例來(lái)教初學(xué)者如何學(xué)習(xí)手機(jī)UI界面設(shè)計(jì)，希望你們能從中受益。
原文地址：Mockplus
作者：jongde
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》“手把手教你設(shè)計(jì)”—12個(gè)最佳手機(jī)APP界面設(shè)計(jì)教程
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司