2014年1月25日 星期六

完形律(Gestalt principles)

完形律(Gestalt principles)了解完形定律對人類心理的影響,我們可以很容易了解衣服的條紋對身材觀感的影響,還有它為何成為視覺藝術、介面設計、排版等多種領域不可或缺的原則

完形心理學家(Gestalt psychologis)在20世紀初期發展出分群和對齊背後的理論,描述了數種人類視覺系統內在的布局屬性:
  • 鄰近性(Proximity)
    如果東西緊密地放在一起,觀看者會將這兩個東西建立關聯。這就是UI上要做的內容和控制元件分布的基本原因
    Image(63)
  • 相似性(Similarity)
    如果兩個東西具有相同的尺寸、體積、顏色、方向...觀看者也會為它們建立關聯
    Image(64)
  • 連續性(Continutiy)
    我們的眼睛想要看到連續的直線和曲線,可由較小的元素排列而成。
    Image(65)
  • 封閉性(Closure)
    我們也想要看到簡單的封閉形狀,像是矩形和一整塊留白,我們會不自覺受其吸引。將東西群聚成一個完整的形狀。
    Image(66)

如何結合不同的原則,建立一個更有效的整體設計?
  • 連續和封閉性解釋了為何對齊?—
    使它們的邊緣形成連續不斷的線條,使用者將沿著這條線且(或許在淺意識中)假定他們有關係。
  • 強化成形的效果
    如果對齊的項目具有相互協調的外形,就會形成形狀,或是從留白或反白中形成一個形狀,這樣一來封閉性也包含進來了,強化成形的效果。

完形律的穿搭應用
  • 解釋完形定律的封閉性的一個很好的例子就是衣服穿搭:
    Image(67)
  • 因為封閉性及連續性的關係,我們會把條紋的間隔視為一個封閉的區塊,並且向特定的方向做延展
  • 區塊與區塊間會有空隙的感覺,因而產生加長或加寬的效果
  • A:垂直排列的區塊有垂直延展的視覺效果,因而看起來比較瘦
  • D:水平排列的區塊有水平延展的視覺效果,因而看起來比較胖
  • B與C是細條紋的呈現效果,為了方便說明,再加上一個沒有條紋的示例,中間有條紋的會比沒條紋的感覺上更瘦(比較腰的部分特別明顯),完形心理學讓我們產生了不同的視覺觀感
    Image(68)
  • 最後這是兩個相同長寬的正方形
    Image(69)
    我們很容易的把它當成了長方形,左邊的圖形感覺比較長,右邊的圖形感覺比較寬

2014年1月17日 星期五

不知道怎麼挑選色彩?Adobe Kuler幫你自動選色

Adobe Kuler


Adobe Kuler可以根據你上傳的圖片自動建立色盤,省去選色的麻煩,在做設計時我們的選色通常希望和logo有一致的呈現效果,所以Adobe Kuler就是一個可以根據圖片的色彩風格,快速取樣出需要的顏色的選色工具

Draw 9-patch:按鈕背景圖示製作

Draw 9-patch

  • Draw 9-patch tool可以讓你輕鬆的建立NinePatch格式的圖像,這類的圖像最常用來當作按鈕
  • NinePatch是一種可延展的PNG圖檔,。「可隨文字大小縮放」的圖片
    • 參考android development:連結

單視窗深入(One-Window Drilldown)

單視窗深入(One-Window Drilldown)
image


清單介面設計有許多呈現方式 單視窗深入(One-Window Drilldown)就是相當典型的模式
  • 在非常有限的空間(手機等小屏幕移動裝置)這個模式可能是唯一合理的清單與項目細節表達方式。

2014年1月15日 星期三

OCPJP 證照考試重點技巧

java program


考題概念:


這份筆記主要是針對OCPJP SE6.0作的重點整理,由於考證照跟實務上的程式撰寫需要掌握的概念有不少差異,所以既使對java程式撰寫相當熟悉,也有必要針對證照考試做準備,以免白白浪費錢去報名,而差別有哪些呢?比方說寫程式時,不用特別注意語法錯誤,因為你的IDE通常已經幫你標記出有問題的地方了,而函數與語法在實務上我們並不會硬性的背下它們,而是參考相關技術文件。
另外OCPJP SE6.0會慢慢淘汰,新版的證照考試會加入實務程式撰寫,所以趁SE6.0還能考的時候把這份筆記分享給大家吧。
首先考題就大概三類

  • 語法:了解甚麼樣的程式碼會導致編譯錯誤
  • 例外:了解甚麼樣的程式碼會導致執行錯誤
  • 結果:執行正確,會輸出甚麼樣的結果

從網路上可以找到各類題型的標準答案,所以我想這篇筆記的重點不是提供標準答案,而是提供解題技巧和重點整理

2014年1月14日 星期二

強化你的記憶力:曼陀羅思考

 

大前研一的邏輯記憶

管理大師大前研一在《思考的技術》提到,如果不能將事情融會貫通,就不可能牢記腦中;如果不能對整體結構有通盤了解,就做不到一邊想下一個主題,一邊進行說明

能不能以扎實的邏輯結構來理解與記憶所有資訊;掌握議題核心,架構出支持相關論點的層次資料,建立樹狀的邏輯結構,是記憶力的關鍵

那如何快速學習邏輯記憶呢?

2014年1月12日 星期日

走向社群時代的表達力-孫治華

image

Youtube影片:連結

我們有很多機會站在台上分享自己的想法,簡報-實驗室創辦人孫治華在TED中分享了幾個原則和方法,讓我們了解如何利用簡報技巧來進行表達與溝通。
最近幾年,我慢慢開始學習這方面的知識,看完演講後,以下做個粗略的心得筆記分享:

2014年1月8日 星期三

Android UI設計工具:Mirror

Image(9)


介紹一個好用的Android UI設計工具,他的主要特色在於

  • 可以直接在Eclipse 或者 Android Studio中編輯介面布局的XML檔
  • 編輯同時可以,立即地預覽介面布局在實機或模擬器上的呈現效果

可以參考一下Mirror的介紹影片:https://www.youtube.com/watch?v=T_ejLgw2TNM