網頁文字的設計應該像聰明女孩穿衣服那樣_網頁設計教程
推薦:活動網站設計點評之華帝廣告制作:藍門廣告http://www.bluedoor.com.cn/廣告背景:廣東華帝集團有限公司成立于一九九四年十一月,以人事燃氣用具、廚房電器、家用電器的專業制造及
這世上“沒有丑女人,只有懶女人”這是女人漂亮圣經里的最出色的一句話了,一個女人只要舍得花時間琢磨怎么保養,怎么妝扮,總能夠找到方法展現自己漂亮的一面的。界面設計何嘗不是如此?那就讓我們來看看聰明女人的穿衣之道里有沒有什么做設計可以借鑒的地方。
原則一:全身搭配的衣服主色不要超過三種
不管什么樣的衣著都應該有一個主色調,代表穿衣者想彰顯的氣質,她不可能樣樣都強調——也許她有安靜的一面,如同藍色;也可能有調皮的一面,如同橙色:知性的一面,如同白色:可愛的一面,如同粉色……但是她假如把這些顏色同時穿出來,那她除了像只花蝴蝶外將一無是處。這就好比一個頁面,它的主要字體和顏色搭配不應該超過三種,他們分別用做:最重要的,比較重要的,一般的。別試圖什么都強調,你會到頭來什么都抓不到。
看看下面兩個例子:
我很喜歡這個網站,可我不得不承認,這個頁面看上去的確像只花蝴蝶。
還有這位,光是首頁它已經大量使用至少五種字體,也許設計者覺得字體庫里字體那么多,不用很浪費。
原則二:配飾風格要統一,相互呼應
假如一位女孩今天應邀參加某時尚晚會,她選了件貼身晚禮服,打算來個華麗麗的登場,你覺得她除了配一雙高跟鞋外還有其他什么選擇嗎?恐怕沒了。哪怕她有一雙超炫的飛人親筆簽名的絕版耐克氣墊鞋很想穿出來秀一下那也好歹要忍住。兩件單品風格完全不同,即便都是頂級貨,搭在一起也往往是場災難。
也許我們會比較注重網頁中文本文字的統一性,但是卻經常忽略頁面的圖片中文字的統一性,看看下面的例子,同樣是銷售折扣商品,當當的商品圖片里價格張張標注在不同位置,這實在是很輕易擾亂視覺效果,降低信息傳達的效率。而亞馬遜的則把所有商品折扣標注在統一位置,只用背景色變化來區分折扣高低。把每一個差異化設計都用在有需要的地方。
原則三:細節決定成敗
發現沒有,一些女孩的妝扮看上去很自然隨意,感覺像是不經意就穿出來了,但又很是耐看。我敢保證,這樣的女孩十有八九是在家做足功課才會出門的,哪件衣服配哪條項鏈,哪個發型配哪個耳環,甚至是袖子的邊是否該卷上,卷上去幾分人家都是花心思琢磨過的。這樣才能保證把每個細節都做得完美無缺。
其實很多設計乍一看都還不錯,可是細看卻感覺糙了些,就像漂亮衣服上扯出毛邊一樣,等到真正用起來會發現——天!!@¥@#%#¥…%¥&
只要再多花5個像素留給文字和邊框,這個豆腐塊就能看起來舒適很多,干嘛不慷慨一點呢?
假如你胖,那就減肥,可別把自己硬塞進緊身黑褲里。假如文字多空間少,那就刪文字,可別把他們堆到狹小的空間。原本只能放下四行字(看左邊框內)的空間硬被塞進了五行字,看著真叫一個憋屈啊。
大多數網站都把宋體設為主要文字顯示字體,可是我發現很少有網站注重到宋體用來顯示英文是非常不易于閱讀的,雖然我們是中文網站,但是隨著越來越多的英文單詞進入我們的頁面內容中,我們為何不多花那一點點力氣考慮給英文單獨定義一個字體呢?
(責任編輯:68design02)
分享:三大招聘網站之用戶體驗比較前言7月份,在休息了一段時間之后,用了半個多月的時間找工作,正好,期間有家HR網站讓我過去面試(雖然,我最后決定不去面試),由此,萌發了我將現在主流招
- 相關鏈接:
- 教程說明:
網頁設計教程-網頁文字的設計應該像聰明女孩穿衣服那樣
。





