应该注意的网站设计的四点矛盾

转载 2006年06月14日 18:25:00
因为工作需要,昨晚将另一位网页设计师的设计作品生成了页面,折腾了一通宵,我脑细胞成几何倍数减少,完成了工作,不免有些牢骚要发。

  我认为网站是为人民服务的,网站的优劣,内容是关键,而设计能排在第二就不错了。一个网站的设计不仅需要的是美观,更需要的是配合内容的编排以及其它更多方面,例如浏览速度及浏览方便性。如果您同意以上观点,请继续看下文。

  因为网站的设计不仅需要美观,所以产生了不少矛盾,挑几个主要的矛盾来分析:

  一、 background背景图像的矛盾

  由于千篇一律的单色背景早已产生了视觉疲劳,因此出现了花纹背景,例如用点、线、面组成的背景,通常这种背景都是做成10*10px (或其它)的方形大小。再受韩潮影响,目前应用广泛的是渐变背景,由于分辨率的关系,通常采用上下渐变,左右渐变不可取。问题来了,上下渐变在Photoshop(做网页设计的常用软件)中只需要简单的使用渐变工具拉动一下即可,但是作为网页设计师的你有没有想过在页面中这种背景应该如何去做?分成上下2个背景,或者做一个超级长估计要在3000px以上的背景?(可以参看我的博客首页背景http://blog.sina.com.cn/m/baopin)因此在做这种背景的时候,需要仔细考虑页面该如何去生成。

  二、 适应分辨率的矛盾

  为适应分辨率,最佳方法应该是整个页面采用100%自适应表格,这种网站让800*600及以上分辨率的彩显都能整屏幕最佳效果浏览,这样的制作方法在为数不多的几个网站上出现过。但是这种方法必然需要最少的图片及最多的216安全色及最精简的表格。目前这样的网站不怎么能满足客户的设计要求。

  在国内,网站通常都在750-780px的宽度之间,这样做的目的是为了适应800*600及以上分辨率的彩显浏览网站。OK,矛盾出现了,中间是780px的宽度,但是通常设计师会加上描边或者投影的效果,做为设计师的你,有没有把这个尺寸算进去?更有甚者,中间的内容是780px 两边采用长达30px的投影,再加上前面第一点提到的渐变背景,好了,你想让生成页面的工作人员自杀吗?请你在做这样的设计时候为后面的生成页面工作考虑一下。

  三、 网页216安全色的矛盾

  所谓网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色,也就是说这些颜色在任何用户显示设备上的显示效果都是相同的。所以使用216网页安全色进行网页设计可以最大限度避免颜色失真的问题。

  但是通常216个色彩不怎么能满足网页设计师的设计,随便一个渐变已经超出了这个范围,矛盾又出现了。请尽量将非网页完全色做在图片上,也就是说将非网页安全色做成图片,而将安全色做为代码,这样尽可能使网站拥有美观及快速。如果碰到一个网页设计师的设计作品,从上到下、从内到外、从文字到图片都没有1个安全色,你会怎么做?我昨天就遇到了。难道让我把所有的文字都做成图片?那这个网站还需要更新吗?程序员又该如何做?如果你是这样设计网站的,请改改这种毛病。

  四、 象素与羽化的矛盾

  象素和羽化应用都非常广泛,但是某些地方却产生了矛盾。举个例子,在一个带有图片背景的表格上,有一个翻转图片的按钮(鼠标经过变换图片),而这个按钮并不需要一定做成方形,为了整体效果,你也许会做成圆角,这个圆角如果做成象素,那么按钮可以做成方形透明背景的GIF,这样不会有任何问题,但作为设计师的你,也许会做成羽化的圆角,问题出现了,这个按钮是一定要用JPG或者非透明背景的GIF了,那么一旦需要更改此表格的背景色,这个按钮的两张图片也需要更改。所以在设计到圆角这种效果的时候,用象素还是用羽化,你要考虑清楚了。

  “实践检验真理”,你想成为一个优秀的网页设计师,那么请多去把你的设计作品做成页面,这样你会发现很多设计中的问题。单纯的做一个美观的网页设计并不难,难在如何将美观与实际页面相结合。时间仓促,胡乱写下上面的文字。

作者: 星缘

清理哲学上的垃圾、雾霾——评陈定学先生的《<矛盾论>的四大缺陷》等文

摘要:陈定学先生近年来发表了一系列与(应该说是反对)辩证唯物主义尤其是辩证法相关的文章,如《的四大缺陷》、《的缺陷不可否认》等,并声称发现了《矛盾论》的四大缺陷等,并号召“我们应该重新认识《矛盾论》,...
  • ZSY2012
  • ZSY2012
  • 2014年04月06日 11:06
  • 2545

实践论与矛盾论---读毛泽东选集(第一卷)札记

一、实践论         认识和实践的关系也就是知和行的关系。所谓读万卷书,行万里路;         人们要想得到工作的胜利即得到预想的结果,一定要使自己的思想合于客观外界的规律性,若不合,就会在...
  • ggf123456789
  • ggf123456789
  • 2013年02月11日 10:23
  • 2326

实验吧安全杂项WP(六)

1.矛盾的in2(http://www.shiyanbar.com/ctf/1833) 先欣赏会儿音乐~~ 什么都没有,先看源码 你成功地引起了我的注意 拼接在一起494167726565...
  • yalecaltech
  • yalecaltech
  • 2017年03月21日 11:21
  • 1249

网站设计的注意事项:数据库集群和库表散列

网站设计阶段是网站开发过程中非常重要的阶段之一,我们只有在设计阶段拥有优秀的设计思路与方法,才能使我们设计出来的网站更加的高效、稳定。本文我们介绍了网站设计过程中需要注意的一些事项,接下来我们就来一起...
  • liweifengwf
  • liweifengwf
  • 2013年06月25日 22:39
  • 1196

网站设计,你需要注意什么?

网站设计不是艺术,它承载更多的是一份解决营销的实用方案,带给客户的是直接或者是间接的经济效益。所以设计师要具备分析、综合、总结的能力,能够准确判断客户企业的价值取向和企业的竞争、盈利模式,而不是传统的...
  • cuegongzuo3
  • cuegongzuo3
  • 2015年07月09日 12:10
  • 144

UI应遵循的三大网站设计原则

转:http://www.csdn.net/article/2012-08-10/2808473 摘要:触摸优先设计、响应式设计、移动优先设计是UI设计师设计网站应遵循的三大原则,以使网站最大范...
  • jackljf
  • jackljf
  • 2012年09月25日 10:33
  • 427

优势的外包网站设计服务为您的企业

优势的外包网站设计服务为您的企业   我们需要讨论与网页设计这可能是值得您相关的某些必要步骤。网页设计服务,预示着显著作用,在网络营销领域内,作为一个富有想象力和惊人的网站能够吸引更多的游客的。   ...
  • mallaig1
  • mallaig1
  • 2014年08月07日 17:05
  • 293

优化网站设计(十九):减少DOM元素的数量

前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题。 作为通用的原则,雅虎的工程师团队曾经...
  • feiyangbaxia
  • feiyangbaxia
  • 2015年01月05日 13:26
  • 352

掌握单页网站设计的5大技巧

 在设计师们的不懈探究之下,单页设计已经摘掉了混乱单调的帽子,构建起了一套相对比较完善的设计体系,保持简洁而漂亮的设计,重视内容,强调清晰明了的表达。从用户体验的角度上来看,单页设计确实有其优势...
  • donghong2008
  • donghong2008
  • 2014年09月04日 09:28
  • 729

使用html和CSS进行网页网站设计 -- 简明步骤

网页制作流程: 1. 心中有规划,网站的骨架结构,页面布局layout. 2. 创建一个用于创建模板dwt的html页: main.html 3. 制作main.html: (1) 在ht...
  • sonictl
  • sonictl
  • 2013年09月30日 23:42
  • 2080
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:应该注意的网站设计的四点矛盾
举报原因:
原因补充:

(最多只允许输入30个字)