Swift class / 1. 認識基本環境

Miki Fan
MorrisDesign
Published in
3 min readJul 12, 2016

接下來將展開為期十堂的Swift課程, 簡單紀錄第一堂學會…

1. 在Swift建立基本環境

2. 將Swift連接上Github並上傳

從Github上建立repository後取得網址
從Swift將project push上去Github

建立了第一個有App icon的空白專案

Tips:

Push專案去Github:先Commit(版本控管)再Push

將Github上專案資料抓下來:Check out →輸入網址

3. 導讀基本iOS guideline

老師提到一個重點

Retina HD @3x =1pt(point)=3*3px

Retina @2x =1pt(point)=2*2px

Non @1x =1pt=1*1px

並提供神人簡化的Guideline聖經 (必讀)

http://ivomynttinen.com/blog/ios-design-guidelines

這部分我稍微講解一下底下這張圖,基本上iOS 可分成@2x跟@3x兩種

iPhone 6s Plus / iPhone 6 Plus @3x

iPhone 6s / iPhone 6 / iPhone 5 @2x

底下皆以Point標示所以必須自己乘以倍數才是實際像素

Ex: 下方的414*736需@3x 就會等於1242*2208, 而使用Sketch作圖時,裡面看到的尺寸單位同樣也是Point.

但6 plus 在做圖時會將介面壓縮87%, 所以實際作圖尺寸是1242*2208, 所以藍框是實際作圖尺寸, 綠框是螢幕解析度

This image is from http://ivomynttinen.com/blog/ios-design-guidelines

至於解析度的算法,就算還沒理解也有工具可計算 https://www.sven.de/dpi/

第一堂課紀錄就先到這.

--

--

Miki Fan
MorrisDesign

An Interaction designer. Sharing something learned from life.