評價好!超厲害UI 巨匠電腦分享5個iPhone UI設計教學

錚/

1508050937120.jpg
超厲害UI 巨匠電腦分享5個iPhone UI設計教學
目前UI設計是一個非常熱門的職業,不少其他領域的朋友都想轉去學UI設計,但其培訓費用很高,不是一般人能承受得起的,其實UI設計並不是想像這麼難,只要懂一些規範,多練習、多看,才是最好培養能力的方法。

今天DR(designrock)整理一系列使用PHOTOSHOP製作的iPhone APP UI設計教程,都是比較簡單的知識,對於新手來說可以去學習臨摹一下。雖然是英文教程,但比起國內一些教程來說更實用,更多好技術,有的就算是有經驗的設計師也不知道哦。 UI入門教程推薦!

溫馨提示:UI設計必須要有耐心,新手做出來的東西本來就慢很多,所以不要覺得教程這麼長就不想去練習哦!話說做教程的人比你辛苦十倍有多。

設計IOS7郵箱風格APP應用程式教學

這教程會教你設計一個iOS 7 MAIL APP界面,流行的扁平化風格,時尚漂亮,整個教程非常詳細和細緻,有很多小技巧,所以要認真學習哦。

1508050937120.jpg

查看教學

設計Ipad擬物化風格APP應用程式教學

這個界面不算很逼真,但對於新手來說可以拿來練手,懂一些設計技巧, 不要一直扁平化,質感表現也要學習呢!

查看教學

Photoshop製作APP動畫效果教學

我們知道PS有製作GIF動畫圖片功能,所以我們要吧用它來製作一個APP動效,當然如果你的動效比較複雜,就不建議用GIF,而是專業點的軟件了。例如AE(After Effects)

查看教學

扁平化天氣APP設計教學

一個時尚,漂亮的天氣應用,視頻教程,要以一步一步對著做。這個界面很漂亮,遠勝很多天氣APP了。

查看教學

購物APP設計教學

這裡你將會學習如果用PS設計一個時尚的購物類型的APP界面。教程中還使用了一些好用的插件,同學可以去下載體驗

查看教學
結語 :

UI 就是多做多看不同風格,要進步除此之外沒有其他途徑.( 同時也會非常熟悉工具的使用 )

UX 要多閱讀多想 “為什麼” ,有的時候甚至要加入其他領域的考量,建議可以慢慢培養喔.

巨匠電腦開設了手機APP設計課程,教你iPhone、Android App開發與應用、使用者介面設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: https://goo.gl/F1JGF1

 

經驗分享*巨匠電腦~感受不錯喔!

分享 ~ 巨匠電腦經驗談~ (Nice!)

巨匠電腦,著實地讓我上了一課!

感謝巨匠電腦,服務態度超級好!

巨匠電腦分享:大螢幕iPhone帶來了App設計的三種改變

錚/

1507270912070.jpg
巨匠電腦分享,大螢幕iPhone帶來了App設計的三種改變

很長一段時間內,智慧手機產業區分都很明顯。Apple堅守小螢幕不改變,與此同時Google的Android手機卻越來越大。但是隨著4.7吋的iPhone6和5.5吋的iPhone6 Plus的發佈,這種分別消失了。大時代全面降臨。

對於那些之前做得很出色的開發者來說,接下來的工作並不是簡單地把現有的小界面擴展到大螢幕上。在與行內優秀的UI設計師交談中,很明確的一點是由於螢幕區域已經擴展到超越拇指所及之處,這將極大的影響到一些方面,比如按鍵的配置,手勢,內容佈局。接下來就是在下一波App設計中要注意的:

1.控制區域移動至螢幕底部

目前,將那些常用的按鍵配置在螢幕的上角還是非常普遍。追溯至像Mac和Windows這樣的桌面系統,不論是Twitter還是Apple自己的照片應用,你會發現那些受歡迎的應用都是把所有功能放在頂部的Navigation bar。但是在大螢幕移動設備上,那個頂部的bar用我們的拇指太難觸及。

「我們在想很多Apps都會開始考慮將主要控件放在屏幕底部而不是上方或者右上角,」Mark Kawano闡釋道,他是前Apple設計師,目前主要針對一個iPhone的App—Storehouse,解決其在大屏iPhone上可能出現的問題。這個應用主要是為移動設備提供富媒體故事發佈平台。在這個應用中,Kawano的設計團隊並不是將每個功能放在固定的位置,而是在操作的時候根據不同 內容出現在底部的不同Navigation bars。

Kawano並不是唯一這麼思考的。Google的產品總監Luke Wroblewski指出Google的Material Design設計原則很好的支撐了Kawano的設計邏輯。Google中叫做「行動按鈕」的這麼個東西就在屏幕下方三分之一處,或者會在整個移動設備的 右下角(不過對於右手操作的人來說這需要蜷縮他們的手指去按按鈕了)。

但是Loren Brichter(因發明Twitter的下拉刷新手勢而廣為人知)則提醒說將控件移至底部並不總是最好的選擇。「底部UI是一種對於困難折中的結果。人 們從上到下閱讀,我發現許多人完全忽略屏幕底部的東西,」他說。「如果你能放在底部並令人注意,那也不失為一種好辦法。」

他補充道:「另一種方式可以解決問題,聽起來有點匪夷所思但值得嘗試,那就是界面簡化為的特定數量以捲軸形式翻閱的內容區域。這樣用戶就會將要閱讀的內容手動拖到拇指可操作的範圍,而不用另外設置的完全不直觀的所謂可達性手勢。」

2.用手勢取代按鍵

按鈕設計在屏幕底部是一個好的選擇,但並不是最好的選擇。並且有一個一定會受歡迎的解決方案讓人們知道該怎麼操作,不論是五寸還是50吋。那就是手勢—或者更具體的說,輕輕一劃。

不久之前,Brichter 抱怨說UI設計師並沒有積極的將我們的手指滑動這一手勢利用充分。各種菜單及功能鍵都可以通過設計手勢來隱藏。以至於我們處在一個所有屏幕上端都是無用按鍵的階段,設計師沒有很強的動機去重新思考手勢的作用。

Mark Kawano指出,Apple的確在去年秋天公開的IOS7中加入了一個向右滑動後退的手勢,「可能他們已經知道更大的屏幕要來了。」 Storehouse這個應用就是聰明的借助Apple的設計趨勢:任何時候你在一個故事中,你可以向任何方向滑動退出。這在小螢幕上操作顯得精妙而且自由。但是在更大的螢幕上,Kawano覺得這就是必要而不是多餘的選項。


3.應用多功視窗

在手機上,無論橫豎螢幕,內容總是一個視窗的。一個窗口就全部塞滿訊息流。但是在iPad或者Android平板上,多功視窗模式則允許多個app在運行。

「為什麼不讓兩個拇指都動起來呢?」

Ashish Toshniwal,Y Media Labs的CEO(Y Media Labs為PayPal 和Amex製作AAA移動app)相信多功視窗將被用在app內,因為Apple在IOS8中支持了更多手勢,並且已經在超大的iPhone6 Plus中實現。自帶App比如Mail可以多功視窗使用,開發者們也會得到新的權限工具令其更加好用。目前,Apple的軟件套件允許開發者限定是否需要多功視窗,且多功視窗權限並不以iPad或者iPhone app分類,而是以螢幕大小來分類。並且他指出多功視窗就像剛被發掘出的客製化app的機會,能延伸出非常特殊的用戶需求。

「考慮到在免持模式下用GPS。iPhone6 Plus用戶可以利用多功視窗去運行他們的GPS,從而提供更好的全方位導航體驗,」他寫道。「舉個例子,在同一視窗模式下的,文字指示,切換路線,事故報告甚至音樂控制。」

Wroblewski 給我們看他之前BLOG上的內容,幾乎說道的都發生了。多功視窗模式是一個UI的機會,其簡單的人因工學原理口述都能表達清楚。當我們拿著筆記本或者一個「平板手機」在全景模式,你需要用兩隻手以保證設備平衡這不僅僅是一個大拇指的任務,而是兩個去完成UI的導航。為什麼不都給他們兩個點事情做做?

編譯者題外話:讀了這篇文章令小編想起了當初的N9+Meego,對於手持設備手勢交互的探索,沒有比它更激進的。這之後的各種手機或者應用的手勢設計思路都像是在為它致敬!所以下一期小編會發一篇老文章,讓我們來回顧一下那個系統大戰還沒有定論的年代!

巨匠電腦開設了手機APP設計課程,除了教你iPhone、Android的APP應用程式開發外,還有UI使用者介面設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.appshooting.com.tw/2014/09/leiphone0922/

 

【手機APP課程】巨匠電腦分享,檢視行動裝置的3D人機介面UI開發關鍵

【手機APP課程】巨匠電腦新資訊:蘋果手表App設計原則─少就是好

【手機APP課程】巨匠電腦:使用者介面設計的七個訣竅你知道嗎?

【手機APP課程】巨匠電腦告訴你Yahoo CEO Marissa Mayer的三大APP設計秘訣