網頁設計
« Previous Entries好的表單設計讓你省下更多廣告費
星期六, 六月 14th, 2008左邊的表單設計比右邊,引進每個客戶省了 270元台幣左右,驚人吧!
一些挺漂亮的按紐設計
星期六, 六月 14th, 2008http://www.dragnet.se/webbdesign/button_collection.html
[轉載]如何讓你的按紐設計更容易被點擊
星期三, 六月 11th, 2008今天突然想起這個問題, 就好好搜索整理一下,不過在開始歸納之前,請先來一起做做這個小實驗:
忽略一切實際的外在情況, 你看了下面的按鈕,第一本能感覺, 哪一個你更想去點擊它:
下面是295個參與投票者的投票結果:
儘管按鈕所處環境會根據具體情況而千差萬別, 但回歸於最本質的設計原理, 讓待觸發的按鈕被關注和實施是交互設計的職責所在, 記得在Psychology of Everyday Things 這本書裡對設計原則提到了比較兩個基礎觀點:
設計容易理解的概念模型;
讓事情更可見
所以我根據個人的理解把按鈕設計應該注意的幾個方面用下面這個圖示的方式來歸納一下:
簡單歸納一下上面這個圖示:
圖形視覺效果可以突出按鈕在頁面中的存在,而滿足「更可見」的原則要求;
補充性質的圖標,可以讓用戶在觸發前更容易理解將要發生什麼,這樣可以迴避不必要的說明, 讓交互更有效;
迴避主次衝突, 讓最終的需要觸發的動作更顯著, 讓輔助的觸發更靠近焦點區域;
補充上圖中沒有表現的,讓焦點觸發按鈕周圍盡量乾淨, 平衡頁面結構和顏色對比。
從事網頁設計者必造訪的「聖殿」 - Mashable
星期三, 六月 11th, 2008如果你英文不錯,而且你有一些網頁設計的底子,看完這個網站的資料,你就有機會變大師了。
http://mashable.com
快速設計出自己的聯絡表單 - pForm
星期三, 六月 11th, 2008如果你和我一樣沒什麼美工天份,用用別人的模版也不著
下面是範例圖
pForm: www.phpform.org/
« Previous Entries