設計的心理學(1) — 行動的七個階段

這陣子看了一本設計心理相關的書《設計的心理學》,是 Donald A. Normand — 唐納.諾曼的大作,只要是從事介面或是使用者經驗的設計,應該多少都會看過他的著作 ,而這本書已經是第三版了,作者也不斷的修正及增加新的內容。這本書不太好閱讀,偏重認知心理學,理論與實務之間的結合,但為了把從書中學到的東西內化,我將裡面所提到的重要概念再透過自己理解的方式來進行說明與討論。

視覺法則(2)— 格式塔原則

這篇延續上篇格式塔的理論,整理了一些常用的原則,如同上一篇最後面提到的,格式塔的四個基礎,就好比數學的加、減、乘、除,而它的原則就好比代數運算。所以只要能夠掌握基礎,或許也可以拼湊出一個設計原則。

iOS、Android 色彩透明度的標示方式

早期網頁設計還沒支持透明度的屬性時,設計師要自己調色,來控制顏色的明暗,所以會發現許多網站關於灰階顏色的定義,基本上都用過一輪,但其實這樣的方式比較沒效率,後續要維護也會比較麻煩。在 App 的開發上,灰階的顏色通常會使用在字體與線條上,為了讓字體的閱讀更加舒服,內文字體不會使用純黑色(#000000),而會使用「灰色」來代替,但實色的灰色會因為背景色的不同,會讓 App文字內容的易讀性有所差異。

介面設計時使用的繁體中文字體 for ios

我習慣在繪製app時,盡量讓繪製出來的畫面能夠與工程師刻出來的畫面一致,針對字體的部份,當然也要力求一致,如果繼續閱讀 “介面設計時使用的繁體中文字體 for ios"

如何在illustrator 設定iphone6 及iphone6 plus 的製圖環境

這篇主要是介面如何在illustrator設定iphone6與 iphone6+ 的製圖環境。 過去iphon繼續閱讀 “如何在illustrator 設定iphone6 及iphone6 plus 的製圖環境"

Illustrator專用標示文件工具 CADtools

這次來介紹一下一套我常用的標示工具CAD-tools,這套工具是由Hot Door所開發的 Illustrator 套件,安裝後就可以像 Autocad一樣,在 ai 的文件進行標示的動作。一般比較常用在空間設計上,但用在進行介面的標示,也是非常好用的!