Archive for the ‘UI DESIGN’ Category

UI GATHERING 新春對談 筆記一

Friday, March 13th, 2009

首先是訊連科技的GUI設計頭目的簡報。為了方便我自己整理思緒,在此先用bullet point來記述。 1.強調VISUAL DESIGN 以及DESIGN GUIDE的重要性    1.1 仔細定義規範各種視覺元素,包含閒距、圓角等等,並以此為規範來設計。好處為:        1.1.1 可以用來說服客戶,甚至是同公司不同部門的人員。                  譬如說: 可以告訴對方,這圓角是以黃金分割法來求得的(:D)。 2.建立一個公版    2.1  以公版為出發,佐以客戶之意見加以客製化,更有效率。           (在此舉出了環狀排列以及HP SMART TOUCH的散狀排列為例) 3. 經驗-他山之石     3.1 根據與國外公司的合作開發經驗,可由國外USABILITY LAB的研究成果來規範設計。            (不能像早期老闆或者設計師看的爽說了算)           EX:在新的TOUCH介面上需要注意的閒距,ICON大小,都有USABILITY的經驗法則歸納與實驗數據可參考 4. UI STYLE GUIDE    4.1 how does it feel (ex: graceful)    4.2 user interface definition (ex: typo, glow, shine, icongraphy, button status....)    4.3 if possible, fund ur specific design          (一致性-->優雅黑--->配什麼GLOW-->Icon style-->button 開闔方式)

Apple Human Interface guidelines

Saturday, August 2nd, 2008

here 蘋果電腦的interface design教條 看看先

INTERFACE DESIGN BOOK: Designing Interfaces

Wednesday, July 30th, 2008

最近在讀一本叫做Designing Interfaces: Patterns for Effective Interaction Design 的原文書,by Jenifer Tidwell 滿好看的,複習了很多介面設計的概念,也讀到了很多新的概念。 書中不只就架構設計來論述,也講到了圖形/視覺設計的部分 在此摘錄幾個可以使用的要素: 1.深色背景 2.背景沒有單一焦點 3.少於三個的主色,多重hue值。 4.善用圓角 5.善用邊框來顯示字型。 6.運用字型的對比--大小 粗細等 其實還有一些其他的要向,不過我覺得這幾個比較重要些。 其他以後再補充囉~~