這陣子看了一本設計心理相關的書《設計的心理學》,是 Donald A. Normand — 唐納.諾曼的大作,只要是從事介面或是使用者經驗的設計,應該多少都會看過他的著作 ,而這本書已經是第三版了,作者也不斷的修正及增加新的內容。這本書不太好閱讀,偏重認知心理學,理論與實務之間的結合,但為了把從書中學到的東西內化,我將裡面所提到的重要概念再透過自己理解的方式來進行說明與討論。
標籤彙整: design
視覺法則(2)— 格式塔原則
這篇延續上篇格式塔的理論,整理了一些常用的原則,如同上一篇最後面提到的,格式塔的四個基礎,就好比數學的加、減、乘、除,而它的原則就好比代數運算。所以只要能夠掌握基礎,或許也可以拼湊出一個設計原則。
iOS、Android 色彩透明度的標示方式
早期網頁設計還沒支持透明度的屬性時,設計師要自己調色,來控制顏色的明暗,所以會發現許多網站關於灰階顏色的定義,基本上都用過一輪,但其實這樣的方式比較沒效率,後續要維護也會比較麻煩。在 App 的開發上,灰階的顏色通常會使用在字體與線條上,為了讓字體的閱讀更加舒服,內文字體不會使用純黑色(#000000),而會使用「灰色」來代替,但實色的灰色會因為背景色的不同,會讓 App文字內容的易讀性有所差異。
介面設計使用的繁體中文字體 –Android篇
關於 Android 的介面設計,在前幾篇有提到相關的製圖環境設定: 如何在illustrator 上設定An繼續閱讀 “介面設計使用的繁體中文字體 –Android篇"
介面設計使用的繁體中文字體 – iOS篇
在進行介面繪製時,我們會盡量讓繪製出來的畫面能夠與工程師刻出來的畫面一致, 而字體的部份,也會使用裝置所預設的字體,如果為了美觀選了一些 iOS 沒有支援的字體,工程師應該會跟你說:「ㄎㄎ,沒有這種字體唷,自己想辦法~」
電腦螢幕與手機螢幕PPI的關係
關於 ppi (pixel per pnch)每英吋像素,在前幾篇文章有提到。 這篇來討論一下,關於 ppi 繼續閱讀 “電腦螢幕與手機螢幕PPI的關係"
金馬51主視覺分析
這張圖片是金馬51的主視覺,是台灣知名設計師,蕭青陽的作品。 當初這張作品出來時,被惡搞了一翻,雖然我第一時間繼續閱讀 “金馬51主視覺分析"
如何在Illustrator 上設定Android的製圖環境
使用illustrator繪製介面的人不多,而且網路上可以參考的文章也很少,記得我第一次接觸到介面設計時,公司繼續閱讀 “如何在Illustrator 上設定Android的製圖環境"
如何在illustrator 設定iphone6 及iphone6 plus 的製圖環境
這篇主要是介面如何在illustrator設定iphone6與 iphone6+ 的製圖環境。 過去iphon繼續閱讀 “如何在illustrator 設定iphone6 及iphone6 plus 的製圖環境"
Illustrator專用標示文件工具 CADtools
這次來介紹一下一套我常用的標示工具CAD-tools,這套工具是由Hot Door所開發的 Illustrator 套件,安裝後就可以像 Autocad一樣,在 ai 的文件進行標示的動作。一般比較常用在空間設計上,但用在進行介面的標示,也是非常好用的!