個人制造網(wǎng)站設計的教訓分享

最近因為自己要做一個小網(wǎng)站，但是還苦于找不到一個適合的美工和設計，只能自己上了。于是便看了一些對于用戶休會和ui方面的書。
這個就當是個讀書筆記吧。
1、慣例的頁面布局
慣例上來說，咱們把網(wǎng)頁布局依照分欄的多少分為一欄式，二欄式跟三欄式。
對于一欄式頁面布局來說，一般在頁面上放置一個存在沖擊力的圖片或者flash來給用戶留下深入的印象，但是，這樣的頁面所可能容納的信息量十分有限。所以常用于企業(yè)網(wǎng)站，以及一些小網(wǎng)站的，用于讓用戶記住你的站。此外，對于功效性比較單一的頁面，也一般用一欄式布局，比如搜索引擎，注冊和登錄頁面等等。
二欄式布局是最為常見的布局方法，二欄式。網(wǎng)頁設計根據(jù)用戶反饋，進行頁面設計調整，以達到最優(yōu)效果。又分為左寬右窄跟左窄右寬式。這兩種模式的抉擇是因為網(wǎng)站的性質所決議的。對用戶來說，他的閱讀關注次序是從左到右，那么窄的局部正常來說都是導航欄，而寬的局部則是主體內容部門，那么用哪一種方式將取決于你的站是內容占主體仍是導航占主體，換句話說，是。網(wǎng)站設計要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。內容驅動導航仍是導航來驅動內容。
舉個例子，拿當當網(wǎng)來說，正常用戶來買貨色是有著明白目標的，他曉得本人要買的貨色是哪個種別，而對于主站的內容只是給用戶的一個推舉。然而對于cnblogs來說，顯然內容應當是大于導航的。所以其切實我看來，博客園的設計實在是并分歧理的。
當當網(wǎng)
cnblogs
對三欄式布局來說，最大的利益就在于包容的信息量比擬大，然而重點不凸起，下降了用戶對網(wǎng)站的可控性，因而個別意思上不推舉。
當然，假如當用戶須要比較多樣化的時候，也能夠讓用戶自在來設計布局，多常見于個人博客。
2、頁面的通透性
頁面的通透性是指盡量使全部頁面的模塊比例同一，同時通過線條，顏色等視覺元素增添各模塊間的辨別度，使得用戶的視線軌跡能夠有規(guī)矩地通過各個模塊，而不會被模塊之間不規(guī)矩的穿插所打斷。
此外，依據(jù)“f”準則，也應當盡量將重要地，用戶所關聯(lián)地內容放在頁面的左上角地位。
3、頁面的配色計劃
每個網(wǎng)站都要有自己的主色調，主色調指的就是頁面顏色的重要色調，總趨勢，其余配色的綜合不能超過主色調的50%
在抉擇顏色的時候，不僅僅要斟酌顏色自身所代表的，如保險，浪漫等，還有斟酌以下多少種因素。
a. 目的用戶群體。不同的用戶群體對于色彩的審美喜好以及懂得都不同，其中包含性別，年紀，職業(yè)等。
b. 當?shù)匚拿黠L氣。如中國把紅色作為喜慶的色彩，而歐洲大部門卻把紅色作為殺害的象征。
c. 網(wǎng)站的類型。如電子商務站一般用暖色調來刺激用戶購置，而sns站則營造一個輕松的氣氛。而垂直類網(wǎng)站一般都與本人的范疇特點相干。
d. 品牌形象。我總結一句話就是依據(jù)自己的logo以及企業(yè)形象來取舍色調。比如ibm就必定會挑選藍色作為主色調。
4、頁頭和頁尾
頁頭分為設計型頭部和簡約型頭部。一般的大型網(wǎng)站，因為已經(jīng)有著必定的網(wǎng)站著名度，所以無需在通過渲染頭部來進步網(wǎng)站對用戶的吸引力，加深印象。所以一般采取比較簡略的簡約型頭部，好比，都是這樣的效果。對于一些小網(wǎng)站來說，采取設計性頭部給用戶留下深入印象，發(fā)明品牌效應，但是當設計性頭部過于復雜時，卻使得內容。平面設計它是集創(chuàng)造力、專業(yè)知識和操作為一體的綜合性技能。的包容質變小，從而造成一種頭重腳輕的感到。所以這個須要設計師的一種折中。
在頁頭上最主要的就是logo，在古代網(wǎng)站的設計中，logo起到兩個作用，一個是標識，一個是讓用戶回到。
頁尾個別來說并不主要，用戶可達到的機遇也少，所以盡量地去簡化它，防止它占用內容所盤踞的地位。
5、搜索區(qū)
當初的網(wǎng)站普通都帶有站內搜尋的功效，目前有兩種設計方法。
一種將搜索淡化，由于搜尋只是一種手腕，實用于閱讀型網(wǎng)站，我并不激勵你搜索，而是生機你一條一條地看下去。比方說豆瓣。我盼望你去看社區(qū)的動態(tài)，而不是愿望你來豆瓣為了找人。
一種是搜索為主，最簡略的就是淘寶。普通來說用戶來電子商務站都是有著明白的目標，所以搜索是用戶找到他想要商品的最重要方式。
另外，對于搜索框來說，如果你勉勵用戶應用搜索框，在頁面剛翻開的時候，就可以讓光標在搜索框上，這樣用戶可以直接搜索內容，而省去了一次操作。但是假如并非如斯，就不要讓光標在文本框上，由于這樣用戶變不措施應用鍵盤來讓全部頁面下移。