工作清單:Functional Map
自從看過 Burn Your Portfolio: Stuff they don’t teach you in design school, but should 這本書後,就想整理個工作清單出來。工作流程這回事通常是公司訂的很難更改,但自己的工作領域內弄個 SOP 、整理出標準作業流程和待辦清單是被允許的。就從 Functional Map 開始吧。
靈感搜尋:APP類
包含 Guideline、APP Patterns、icon 等參考網站。
iOS、Android 字級單位
「這是靠我自己摸索出來的喔!是拿 App 截圖進 Photoshop 辛辛苦苦比對所量出來的尺寸。」這位 UI 先生/小姐,你知道世界上有 Guideline 這種文件嗎?「比起問別人,自己摸索出來的才記得深刻嘛!」你知道世界上有工程師這號人物嗎?浪費一堆時間在 PS 量半天為了什麼?文件上寫得一清二楚。字級要用是 pt 或是 px 轉頭問問 RD 立刻就有答案了。
UI 是藝術還是設計?
建議想當 UI 設計師的新手去練練素描水彩,對未來從事該職業有很大的幫助,他們卻說「我又不要當藝術家」或「我只要會畫簡單的就好了幹嘛學到那麼複雜」。說我做的東西根本就是藝術而不是設計…那還叫我提建議幹嘛..不對,我應該要回一句「因為你不懂。」
UI/UX 課程許願
稍微認真點在準備課程內容了,有興趣的人麻煩填一下「 UI/UX 課程許願表 」,不然我很難準備教材…
UI 如何改善開發流程
20170812 更新:此為 2014 年舊文,當時狀況為「UX 包含 UI」,所以 UX 工作包山包海包 UI,依目前工作職責來看,這篇文提到的所有工作內容皆為UI 設計師的工作。已修正。
一間公司要營運絕對不是靠某個人腦充血帶頭往前衝,各部門間有許多事情需要相互配合。UI/UX 是最近很紅的話題,已經到人人說得一口好使用者的程度。講歸講,要在軟體開發的什麼階段導入 UI 設計 呢?本文從我的角度來說明 UI 如何改善開發流程。
iOS Guideline 怎麼看?(2)
iOS Human Interface Guidelines 第二章是設計策略 Design Strategies ,主要講畫面、使用者操作、反應等等的一致性與注意事項。在閱讀這個章節之前,建議把 十大易用性原則 先看過一遍、對易用性有粗淺概念後會更容易理解為什麼 Guideline 會這樣寫。
國泰世華 ATM 提款機
話先說在前頭,這是我想領 3000 元過日子,ATM 很開心的吐給我 30 張 100 元而埋下淦意。國泰世華新改版 ATM 介面!
iOS Guideline 怎麼看?(1)
這是給 UI 看的教學。發現太多人不看Guideline…基礎問題問了又問,明明官方文件擺在那。就算英文看不懂,Google 打下去對岸有很多翻譯成簡中版的。最最少留意一下尺寸吧?(這次的 iOS7 官方文件省略很多沒寫到、建議回頭去看看 iOS6 的Guideline,兩份加起來比較紮實。)
初學者的 Mockup
在畫好 Wireframe、定版後,就可以依照線框稿內容製作 Mockup 了。Mockup 有很多種說法,我當它是視覺稿,所有跟視覺有關的部份都會在這個階段產出。能夠用來製作 Mockup 的軟體有很多種,最大宗的就是 Photoshop。之前的文章都會說提升 PS 技巧,其實指的就是製作 Mockup 的能力,字體設計、按鈕樣式、扁平化、擬物風等等。
關於 8px
淘寶網的官方Blog有篇「一张图解释手机端8px原理 」,簡單來說就是把 iOS 和 Android 放在一起比較。同時探討 1x、2x、ldpi、mdpi、hdpi、Xhdpi、xxhdpi 的尺寸與解析度。本文就以我個人角度提出看法。(圖片取自 Android - Devices and Displays )