个人制造网站设计的教训分享

最近因为自己要做一个小网站，但是还苦于找不到一个适合的美工和设计，只能自己上了。于是便看了一些对于用户休会和ui方面的书。
这个就当是个读书笔记吧。
1、惯例的页面布局
惯例上来说，咱们把网页布局依照分栏的多少分为一栏式，二栏式跟三栏式。
对于一栏式页面布局来说，一般在页面上放置一个存在冲击力的图片或者flash来给用户留下深入的印象，但是，这样的页面所可能容纳的信息量十分有限。所以常用于企业网站，以及一些小网站的，用于让用户记住你的站。此外，对于功效性比较单一的页面，也一般用一栏式布局，比如搜索引擎，注册和登录页面等等。
二栏式布局是最为常见的布局方法，二栏式。網頁設計根据用户反馈，进行页面设计调整，以达到最优效果。又分为左宽右窄跟左窄右宽式。这两种模式的抉择是因为网站的性质所决议的。对用户来说，他的阅读关注次序是从左到右，那么窄的局部正常来说都是导航栏，而宽的局部则是主体内容部门，那么用哪一种方式将取决于你的站是内容占主体仍是导航占主体，换句话说，是。網站設計要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。内容驱动导航仍是导航来驱动内容。
举个例子，拿当当网来说，正常用户来买货色是有着明白目标的，他晓得本人要买的货色是哪个种别，而对于主站的内容只是给用户的一个推举。然而对于cnblogs来说，显然内容应当是大于导航的。所以其切实我看来，博客园的设计实在是并分歧理的。
当当网
cnblogs
对三栏式布局来说，最大的利益就在于包容的信息量比拟大，然而重点不凸起，下降了用户对网站的可控性，因而个别意思上不推举。
当然，假如当用户须要比较多样化的时候，也能够让用户自在来设计布局，多常见于个人博客。
2、页面的通透性
页面的通透性是指尽量使全部页面的模块比例同一，同时通过线条，颜色等视觉元素增添各模块间的辨别度，使得用户的视线轨迹能够有规矩地通过各个模块，而不会被模块之间不规矩的穿插所打断。
此外，依据“f”准则，也应当尽量将重要地，用户所关联地内容放在页面的左上角地位。
3、页面的配色计划
每个网站都要有自己的主色调，主色调指的就是页面颜色的重要色调，总趋势，其余配色的综合不能超过主色调的50%
在抉择颜色的时候，不仅仅要斟酌颜色自身所代表的，如保险，浪漫等，还有斟酌以下多少种因素。
a. 目的用户群体。不同的用户群体对于色彩的审美喜好以及懂得都不同，其中包含性别，年纪，职业等。
b. 当地文明风气。如中国把红色作为喜庆的色彩，而欧洲大部门却把红色作为杀害的象征。
c. 网站的类型。如电子商务站一般用暖色调来刺激用户购置，而sns站则营造一个轻松的气氛。而垂直类网站一般都与本人的范畴特点相干。
d. 品牌形象。我总结一句话就是依据自己的logo以及企业形象来取舍色调。比如ibm就必定会挑选蓝色作为主色调。
4、页头和页尾
页头分为设计型头部和简约型头部。一般的大型网站，因为已经有着必定的网站著名度，所以无需在通过渲染头部来进步网站对用户的吸引力，加深印象。所以一般采取比较简略的简约型头部，好比，都是这样的效果。对于一些小网站来说，采取设计性头部给用户留下深入印象，发明品牌效应，但是当设计性头部过于复杂时，却使得内容。平面設計它是集创造力、专业知识和操作为一体的综合性技能。的包容质变小，从而造成一种头重脚轻的感到。所以这个须要设计师的一种折中。
在页头上最主要的就是logo，在古代网站的设计中，logo起到两个作用，一个是标识，一个是让用户回到。
页尾个别来说并不主要，用户可达到的机遇也少，所以尽量地去简化它，防止它占用内容所盘踞的地位。
5、搜索区
当初的网站普通都带有站内搜寻的功效，目前有两种设计方法。
一种将搜索淡化，由于搜寻只是一种手腕，实用于阅读型网站，我并不激励你搜索，而是生机你一条一条地看下去。比方说豆瓣。我盼望你去看社区的动态，而不是愿望你来豆瓣为了找人。
一种是搜索为主，最简略的就是淘宝。普通来说用户来电子商务站都是有着明白的目标，所以搜索是用户找到他想要商品的最重要方式。
另外，对于搜索框来说，如果你勉励用户应用搜索框，在页面刚翻开的时候，就可以让光标在搜索框上，这样用户可以直接搜索内容，而省去了一次操作。但是假如并非如斯，就不要让光标在文本框上，由于这样用户变不措施应用键盘来让全部页面下移。