iPhone App 軟體開發筆記: UI

顯示具有 UI 標籤的文章。顯示所有文章

2014-01-12

螢幕解析度筆記

Graphics display resolution

http://en.wikipedia.org/wiki/Graphics_display_resolution

這裡敘述螢幕顯示比例的衍進，從 4:3、16:10 到 16:9 的過程。

最早是電視娛樂產業主導的 4:3 比例，接著因應寬螢幕的市場需求，有電腦產業主導的 16:10 與娛樂界的 16:9 在市場上大混亂。

16:10 就在 1995–2010 大放異彩。

直到 2011 市場上逐漸都以 Full HD 1920x1080 為標準了。

從 2013 進入的 Ultra HD (俗稱 4K) 3840x2160 將會成為下一代的標準。

Aspect ratio 常用的比例如下：

Video Graphics Array (VGA 640x480)
Extended Graphics Array (XGA 1024x768)
Quad Extended Graphics Array (QXGA 2048x1536)

Hyper Extended Graphics Array (HXGA 4096x3072)

High-Definition (高解析畫質)

HD (1280x720)
FHD (1920x1080)
UHD (4K) (3840x2160)

2013-10-31

一套 App 幫你快速建立 Icons 的軟體 IconFly

我一直在找一套可以幫我快速產生 Icon 的 App，剛好在 Mac OS 的 App Store 看到：
https://itunes.apple.com/tw/app/iconfly/id556381974?l=zh&mt=12

它可以很快幫我們產生 Mac App Icon、iOS App Icon，甚至連 Web 的 Icon 都可以，你不用再查表問格式、檔名...

只要將 1024x1024 的檔案準備好就可以。

除此之外，還可以幫我們的 Folder 檔案夾的 Icon 置換成自己設計的 Icon

ps.感謝魏巍書本封面借我說明。

.

2013-06-02

較大型 App 的流程設計軟體

通常在設計比較大型的 App，會有很多的畫面與流程，如果在 coding 之前可以有 UI/UX 的設計先完成，連同使用到的圖片資源檔案都可以輸出，那麼就可以減少很多寫程式的時間。

稍微搜尋一下，相信大家都可以找到許多免費的 App 流程設計軟體，目前這套大概是我遇過比較貴的吧 US$200 (NT$5,990)。

US$200(NT$5990) 會讓很多人購買時猶豫一下

它還可以將畫面與流程先讓客戶看過，在看到它的功能之後，倒是可以買一組來使用。

參考 App Store 畫面

參考 App Store 畫面

參考 App Store 畫面

參考 App Store 畫面

參考 App Store 畫面

https://itunes.apple.com/tw/app/briefs/id626221782?mt=12

如何呢？.

2012-05-30

通常在開發電腦相關產品，大概會區分兩個領域：程式與美工。
而且很有趣的是：做程式的不熟美工，做美工的不熟程式。

舉凡軟體、網站都一樣。

然而在 iOS 行動設備 App 普及的市場，美工的需求變大了，其貌不揚的 App UI 會讓人對其第一印象很差，就算你有很強固的軟體，但沒有美工底子的程式設計師會滿吃虧的。

最近找到這個 Photoshop 用的 iOS App Icon Template，實在是幫了 Programmer 一個大忙，它就像孫悟空一樣，你只要專心做好一個，就可以幫你變成 10 個 Icon 出來。

開始吧！

首先來這裡取得 Photoshop 的樣板 http://appicontemplate.com/

下載 appicontemplate_v2.zip 解壓縮。