一个完美网站的101项指标.第四部分.设计
作者:35公里 来源:comsharp.com 发布时间:2008-02-29 22:22:00
阅读上一篇:一个完美网站的101项指标.第三部分.易用性
设计体现了一个网站的艺术素养,然而并不是说您应当过分设计,设计风格应结合您的行业,要简洁,清新,优雅,平和,设计仅仅是在用户访问您的内容时获得一种外在印象,不可喧宾夺主。设计应遵循以下原则。
为初次访问者传递专业的第一印象
好的设计会给初次访问者带来难忘的第一印象,然而设计的好与坏从来都是仁者见仁,智者见智的,没有统一标准,如果硬要设置一条标准,就是好的设 计应给人以专业感,所谓的专业感,通俗地讲,就是设计要象个样子,不妨拿您的网站和世界500强的作个对比,您就会知道专业感是个什么样子。
面向行业设计
如果您是机械行业,使用粉红色系作页面的配色就不恰当,不同的行业有不同行业的风格,您的设计应符合这个行业的风格,不同行业的设计风格一般以 不同行业的消费群的口味而定,这就好比以专业摄影师为目标市场的相机一般以黑色,结实,手感重为特点,而消费类相机则以银色或彩色,轻薄时尚为特点。如果 您不知道您的行业风格是什么,不妨看看您的成功的竞争对手的网站。
设计不可喧宾夺主
或者说,不可过度设计,您需要始终记住,用户来到您的网站,他们真正想看的是内容,而不是您的设计,何况,所谓设计,更多是一种主观的东西,随着这个世界的流行趋势而变,现在的设计多以简洁为美,一定不要将您的网站搞得象巴洛克时代的艺术品。
设计遵循优雅原则(elegant)
一些粗鲁的设计会让用户觉得受到侵犯,所谓优雅,举个例子,您的页面顶部放着20个无颜六色跑马灯在那里闪烁就绝对不是优雅,优雅的设计显得礼貌,有品位,有艺术感,让用户受到尊重,且不可让用户觉得您是在对他们大喊大叫。
设计遵守平和原则(peace)
不要用过分强烈的色彩或字体对比让用户感到不安,或者感到疲劳,好的设计是把自己的设计思想平平常常地展现出来,而不是总害怕人看不到,如果用户用户感觉不到您的设计用心有觉得舒服,您就是在以平和的心态设计。
包含醒目的 Logo
您的公司或网站的 Logo 要非常醒目,它们是您的视觉标志,不要把它们埋藏到一些乱七八糟的色彩中。
包含一套非常吸引人的企业 Banner
企业 Banner 是我自造的一个词汇,所谓企业 Banner 是一组图片或其它视觉元素,放在网站的上部,一般在 Logo 下方,导航条附近,用来展示企业的形象或动态,它类似广告 Banner 但只用于展示企业自身。企业 Banner 要有良好的设计,体现企业的文化,价值观或造诣,要定期更新。
企业 Banner 应当定期更新
企业 Banner 应该是您的网站中最醒目的部分,对于长期访问用户,它们应该成为用户注意力的中心,比如,微软每次有新产品,新动向,都会设计全新的企业 Banner 放在首页,如果您没有时间和经理定期对网站内容进行大规模更新,更新企业 Banner 并与企业动态结合起来,会让人觉得您的网站一直在活跃地更新。
企业 Banner 体现企业动态
如果您有一个大型展览会要举行,或者参加某项活动,或者在行业获得某个成就,奖励,或者有重大产品发布,都可以以企业 Banner 的形式告诉用户,如果您自己对这些动态重视,您的用户也会。
合理安排页面重心,不可有头重脚轻的感觉
人类能接受的最佳构图是三角构图,重心位于页面的左侧偏下,然后重心向右,向上逐渐减轻。否则会有画面不稳的感觉。不要在页面顶部罗列太多视觉元素,那样会给人头重脚轻的感觉。
全站遵守一致的设计风格
全站的配色与页面布局应该是一致的,要给人以连贯感,避免页与页之间有太突兀的变化。
对图片进行优化
图片在网站中地位非常重要,适当地使用图片元素可以避免页面太枯燥,图片比文字更容易理解,但您必须对图片进行设计时优化处理,否则它们的体积 将使您的网站变得非常笨重,Photoshop 的 Save for Web 功能可以很好地帮助您对图片进行优化。图片优化的原则是,对于颜色比较丰富细腻的照片,应以 JPG 格式保存,适当选择压缩比例,一个 400x300 像素的图片以 JPG 保存时的尺寸应低于 20K 才合适;对于大色块的图形,以 GIF 格式保存比较好,适当降低颜色数以显著降低图片尺寸。


猜你喜欢
- 前言你是否曾经想将某张照片中的人物抠出来,然后拼接到其他图片上去,从而可以即使你在天涯海角,我也可以到此一游?专业点的人使用 PhotoSh
- 这篇文章主要介绍了Python使用微信接入图灵机器人过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需
- 本文总结下如何在编写python代码时对异步操作进行同步化模拟,从而提高代码的可读性和可扩展性。 &nbs
- 刚开始学python,记录下问题。代码如下:#coding:utf-8import re,urllib2def getHTML(url):
- import pyperclipimport pyautogui# PyAutoGUI中文输入需要用粘贴实现# Py
- 一、导入re库python使用正则表达式要导入re库。import re在re库中。正则表达式通常被用来检索查找、替换那些符合某个模式(规则
- 本文介绍了Vue.js 常用模板语法,分享给大家,具体如下:一、文本渲染Vue支持动态渲染文本,即在修改属性的同时,实时渲染文本内容。同时为
- 示例函数为了开发类型检查器,我们需要一个简单的函数对其进行实验。欧几里得算法就是一个完美的例子: def gcd(a, b):
- 前言看到这里已经学习了创建各种 Python 数据类型的值。并且显示的值都是文字或常量值。>>> print(9.98)9
- 本文实例讲述了Python3实现取图片 * 定的像素替换指定的颜色。分享给大家供大家参考,具体如下:1、原始图片2、修改脚本:# -*- co
- 前提准备:1.使用python requests模块2.了解json3.zabbix api的具体调用建议先浏览一下官网先上代码:impor
- 本文实例讲述了python关于矩阵重复赋值覆盖问题的解决方法。分享给大家供大家参考,具体如下:import itertoolsimport
- 很多网友在经典论坛里说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。小毅观察了一些网友们设计的网站发现他们在用色
- 介绍Markdown(也简称md)作为一种轻量级标记语言,因其易写易读,效果美观大方,不仅被众多网站使用,也是程序员们做笔记、写文档的首选。
- 前言:前面文章讲述了 MySQL 系统中常见的几种日志,其实还有事务相关日志 redo log 和 undo log 没有介绍。相对于其他几
- 一、对列表(list)进行排序推荐的排序方式是使用内建的sort()方法,速度最快而且属于稳定排序>>> a = [1,9
- 众所周知,在设计爬虫时,最麻烦的一步就是对网页元素进行分析,目前流行的网页元素获取的工具有BeautifulSoup,lxml等
- 下面为大家举一个例子,请按照下面的步骤: (1)从http://home.gbsource.net/xuankong/dll.z
- QPS原理:每天80%的访问集中在20%的时间里,这20%时间叫做峰值时间。公式:( 总PV数 * 80% ) / ( 每天秒数 * 20%
- 形式pandas.Series(data=None, index=None, dtype=None,&nbs