我的建站心得Part2——美化网站

随着公司的发展,公司官网的改版重制工作逐渐提上了日程。领导在一个月内提了两次网站改版,给小伙伴们提了许多网站内容和外观的建议。 但是,想要制作一个让所有人过目不忘、流连忘返的公司网站,仅仅关注内容和外观就够了吗? 为此,结合我两年“从零开始”的建站血泪史,来和大家聊聊关于网站建设的那些事。   文章目录 ★Part1——搭建 ★Part2——美化 ★Part3——内容 ★Part4——推广 ★Part5——运营     如何美化网站?   网站搭建结束,看着新诞生的网站,心中有没有初为人父的小激动呢? 接下来,就让我们开始打扮网站,变身高富帅,迎娶白富美。   一、合理的配色 在创建网站选择色调时,大多数人想到的是美观。其实,颜色所起到的作用远超出人们的想象。 网站主要分为三种颜色:背景色、文本色和高亮色 对于背景色,全白色(#FFFFFFF)是可以搭配任何文本的最安全的颜色。如果想选用其他的背景颜色,建议采用#FFFFFF到#CCCCCC之间的颜色。 一般来说,文字最好避免使用墨黑色,深灰色一般更容易阅读。比较舒服的文字颜色范围:#333333到#666666。 如果你选择好几种不同的色调来,那么你的配色方案绝大多数是有问题的。颜色用得越多,页面就越来越难以控制。 所以,在网页以灰色基调的前提下,最好只选择一种鲜艳的颜色来作为你想要突出的事物,比如标题、菜单、按钮等等。 高亮颜色可以是蓝色、红色、绿色,等等。 一旦选择了高亮的颜色,从该点移动滑块来选择接下来的颜色。 在设计中也需要其他的颜色,高亮色的稍微变化会让你的颜色选择变得简单。   关于颜色与购买习惯的心理学书籍比比皆是,在选择配色前可以对颜色一些基本规律进行了解,如各种颜色代表着什么,分别将吸引哪些人群等等。 关于配色的选择,可以参考以下博文: 扁平化设计的流行配色方案 总之,对于任何类型的网站,颜色使用过多容易造成视觉混乱,使用单一颜色往往会产生强烈的视觉冲击。 除此之外,12个人中就有1人是色盲,其中更有许多对颜色并不敏感的人(从穿着便能看出) 因此,像照片和插图一样,颜色应当用来支撑信息的表达,而不该成为信息本身。 可以尝试着把颜色去掉,看看是否还能表达相同的信息。   二、简洁的界面 我们在日常上网中不难发现,越是注重设计的公司,其官方网站越是简洁美观,让人一目了然、心旷神怡。 (苹果设计师善于用产品本身打动消费者,无需过多的文字粉饰) 反之如果用户需要花好几秒的时间才知道你的网页的主要内容是什么的话, 可能你的网页设计就过于复杂,那么这对用户以及客户来说,都是个麻烦。 复杂的网页降低了网页的可读性以及可用性,也增加判断难度,用户体验随之降低。 (海泰钢管官网,居然还有弹窗消息= =!) 切记切记,在主要内容页面中千万不要放置过多的动态Flash, 会极大降低浏览者对于内容主题的关注度,产生烦躁的心理,可能在深入阅读前就早早关闭了网页。 并且Flash对于搜索引擎的爬虫也不是十分友好,所以请不要把主题内容以Flash的方式呈现。   三、清晰的菜单 网站导航菜单的重要性是绝对不容忽视的。 由于用户很难在没有导航的情况下去浏览一个网站里的内容,导航菜单不但能帮助用户摸清网站的结构,并且能帮助用户在网站中定位,以免迷失了方向。 这也是为什么网站设计师们都会花额外的时间来想办法让自己网站的菜单不仅仅只是美观而已,而且还要方便实用。 (微软官网的导航配有产品图片,清晰明了) 同样的,搜索引擎不会识别图片和FLASH,所以导航应采用容易被搜索引擎识别和抓取的文本链接。   […]