iOS Human Interface Guidelines 閱讀心得

https://ivomynttinen.com/blog/ios-design-guidelines
超級重要的一篇文章,容我先至頂!

尺寸與比例

在製作Scroll View作業時,為了確定滿版效果的尺寸,已參考此文;事實上,每次製作案時都要重新確認一下,因為近期Apple的尺寸開始安卓化,有越來越多種的趨勢(哭)

當然,隨便選個尺寸就開始製作也是可以,但就要面臨對位、手機跑模擬器時畫面變形拉伸的問題,

除了各手機尺寸外,比例也很清楚的列出了

安全範圍

除了畫面的尺寸跟比例外,很常在製作時被忽略的是UI、排版的安全範圍,以Iphone X 的尺寸375px 812px來說,GoPro的app與安全範圍對照後,可發現GoPro介面設計很嚴謹。

App Icons尺寸與製作

針對不同手機版本出不同尺寸的圖,就算是設計師,也是會被搞混(對!就是我orz);但第一次上課時,彼得就提供了超好用的 App Icon Generator 網站: https://appicon.co

只要製作好一張1024px *1024px的正方形圖檔,丟到網站上就可自動存出適用各版本的app Icon了!詳細操作說明可參考彼得潘的文章

--

--