簡易設計獨特手機 APP 在市場中脫穎而出

手機 APP 開發市場前景呈現出良好的趨勢,為了滿足各層面用戶的需要,開發出既實用又吸引的應用程式成為各開發者的目標。除了實用性, APP 的版面設計和細節亦十分影響用戶評價,簡單三個步驟就可以設計出引人注目的作品:製造初步模型、參考設計介面、尋找靈感增加創意細節,以下會推介三個有關 APP 設計的工具網頁。

版面設計模型

Sketch 提供予 MacBook 下載,用以設計應用程式版面,並且可以直接連接到電話,測驗設計效果,更可即時調整來改善到最佳版本。

Sketch 的圖庫豐富,可以合併不同的圖案來創造最最合適自己的設計。動畫和圖像的特性、 layer 的風格、尺寸大小陰影等等均可以精準地制定。

輸出到電話後,可以即時試用,測試觀感和實用性,如果有地方需要修改,在 MacBook 作出調整的同時,電話會同步作出修正,方便配合再次試用,直至製作出最佳成果。

大家有興趣可以到網站觀看教學影片,免費下載試用版本,而購買則須付 99 美元。

網站:https://www.sketchapp.com/

介面參考

Pttrns 是一個應用程式介面圖庫,當中以 iOS 和 Android 作分類,同時亦可以選擇不同的設計範疇來尋找靈感,他們的圖庫目前有 3097 種模式可供選擇。

 

以 iPhone 的版面設計為例,如果想舉行活動可以按“活動”來參考一下不同的格式或風格,其實隨便按已經有不少的範例,的確方便大家去選取最喜歡的用以參照。但網頁則只有瀏覽的功能,如果找到喜歡的設計要自己儲存圖片,並沒有任何功能可以為圖片作記號。

 

Pttrns 中大多的圖庫是免費的,但亦有部分是需要付費購買,如果有需要瀏覽更多的版面設計,可以選擇繳付 4.99 美元有一個月的升級體驗,或者繳付 39.99 美元成為一年的會員。

網站: https://pttrns.com/

激發設計創意

Little Big Details 集合了各大網站和 APP 的設計細節,讓大家看到平日未必留意到的創意設計細節,從而提供靈感和激發新思維。 Little Big Details 每天都會更新,因此尋找到的皆為最新的設計概念。

例如在瀏覽器中輸入 “ happy ” 即會出現來自不同的網站的搜尋結果。搜索的結果都是有關開心元素的細微細節。

 其中一張圖片則展示了當有過多網頁開啟的時候,會顯示笑臉而不是頁數。

 

如在另一圖片中顯示在某購物網站中,不開心的表情會出現在空的購物車,而顧客選購了貨品後就會顯示出開心的圖案。

大家可以從 Little Big Details 中的設計細節得到許多啟發,這些小細節令能提升 APP 的趣味性。

網站:http://littlebigdetails.com/

以上推薦的網站皆為可免費使用,亦可付費升級。但這些網站的免費版本已足夠提供卓越的體驗,以助提升 APP 的外觀吸引度和趣味性。