网页设计原则理念以及实战经验技巧

(2)界面弱化

  一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。

  要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

  (3)模块化和可修改性强

  模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。

  无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子,logo、按钮等,很多人喜欢制作图片,N个按钮就是N张图片。如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单了,让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的,一般即能清晰又保证美观的字体字号有几类:

  宋体12px |宋体12px粗体|宋体14px |宋体14px粗体|黑体20px | verdana 9px | Arial Black 12px+ |

  (4)创意是可耻的,分析能力远比创意来的重要

  设计界动辄就大谈什么“创意”,我要说的是,还没有搞清目的意义和内容,还没在技术制作上臻于完善的基础上,用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。

  网页设计的实战经验技巧

  (一)网页配色基本概念

  (1)白纸黑字是永远的主题,谁都说不出不好来。

  (2)网页最常用流行色

  兰色——蓝天白云,沉静整洁的颜色。

  绿色——绿白相间,雅致而有生气。

  橙色——活泼热烈,标准商业色调。

  暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。

  (3)颜色的忌讳

  忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!

  忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。

  忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱!

  忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。

  忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。

  蓝色忌纯,绿色忌黄,红色忌艳。

  (4)几种固定搭配

  蓝白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。

  绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。

  橙白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。

  暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。

(二)网页设计理念

  (1)内容决定形式

  先把内容充实上,再分区块,再定色调,再处理细节。

  (2)先整体,后局部,最后回归到整体。

  全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。

  (3)功能决定设计方向

  看网站的用途,决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。

时间: 2024-11-09 12:59:33

网页设计原则理念以及实战经验技巧的相关文章

网页设计中透明效果的使用技巧

在网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像“变薄”或者降低饱和度,使颜色变浅透明,这样下个图层的内 容就能穿透显示出来.这种方法如果用好了,效果将会特别棒——能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这 么做可能会影响页面的可读性.要是框和文本的透明度不对,更可能会影响到整体的设计. 下文是一些注意事项以及巧妙运用透明效果的成功案例. 用“透明效果”来制造对比 使 用透明效果最大的优点是可以形成对比.设计者可以在图

干货丨微信公众号平台运营的实战经验技巧

我们运营微信公众平台的目的是为了:广告推广,通过粉丝来获取收益和商业价值.然而广告的途径有消息图文推送,模块链接(即微信菜单)        实现价值的核心:图文消息的点击量(阅读图文消息的人数),一条消息的价值是通过粉丝阅读点击人数体现出来的,如果消息没有人阅读或阅读的人很少.就算 我们设计得再精美.再有价值也等于百搭.消息点击量通常用图文转换率来衡量:点击阅读人数与消息送达人数(即微信关注人数)比值,而影响点击量的重要因数是 : 1.图文消息的吸引力 2.微信粉丝的属性.看他们喜欢那方面的知

html网页设计细节总结及实践经验总结

1)        <link  rel=" "  type="text/css"  href="__.css">是空元素,仅包含属性.用来定义文档与外部资源的关系,常用于链接样式表.其中type指被链接文档的类型,href指被连接的文档. 2)        块级元素和行级元素的区别: 块级元素会自动换行,总是在新行上开始,一个块级元素占据一整行.想要在同一行显示需浮动(floa:left)或(display:inline). 行级

转: 网页设计中的一些色彩搭配技巧

在网页设计中色彩搭配是一件很重要的事情,要是色彩搭配好了,能让整个网站看起来清新悦目,眼前一 亮的感觉.要是色彩搭配混乱,会让人看着很吃力或者整个网站没有亮点.不吸引人.下面我说说自己在 网页设计中积累的一些经验,希望对大家有用. 一.色彩搭配原则 在选择网页色彩时,除了考虑网站本身的特点外还要遵循一定的艺术规律,从而设计出精美的网页. 1.色彩的鲜明性: 如果一个网站的色彩鲜明,很容易引人注意,会给浏览者耳目一新的感觉. 2.色彩的独特性: 要有与众不同色彩,网页的用色必须要有自己独特的风格,

解析:点石成金:访客至上的网页设计秘笈

如果你在网站设计.编程的网站,或管理网站,所以一定要读这本书. 一些网站看起来非常混乱; 一些网站可以让你很容易的找到信息; 一些网站让你像在迷宫\u2026\u2026 为什么网站的可用性有如此大的反差? 用户在站点访问时有什么样的心理? 遵循怎样的原则设计网站吸引访客? 全球网页设计师必须阅读经典会给一个答案. 网页设计中的可用性是最重要的也是最困难的一项任务.作者基于多年的行业经验,分析用户在用户使用的心理模式,为扫描设计.导航设计.主页布局.可用性测试等,提出了许多独特的观点,并给予大量

ui的设计原则

部分网页设计原则  规划目录结构时应当遵循的几个原则:  1.不要将所有文件都存放在根目录下;  2.按栏目内容分别建立子目录;  3.在每个主目录下都建立独立的images目录;  4.目录的层次不要太深;  5.切忌使用中文目录;  6.不要使用过长的目录;  7.尽量使用意义明确的目录.  除创意之外,在网站设计时还需要考虑以下基本原则:  1.网页内容要便于阅读;  2.站点内容要精.专和及时更新;  3.注重色彩搭配;  4.考虑带宽;  5.要适当考虑不同游览器.不同分辨率的情况; 

HTML&amp;XML网页设计 (曾鸿) pdf扫描版

HTML&XML网页设计循序渐进地介绍了HTML.CSS.XML.XSL.XLL(XLink+XPointer),并通过诸多实例让读者了解了HTML和XML标记的用法,掌握了网页设计的原理.方法和技巧.全书共分为13章,主要包括:文档结构.文字修饰.超链接.表格.框架.表单.列表.多媒体效果.CSS.XML.XSL.XLL. 本书层次分明.实例丰富.图文并茂,理论联系实际,可作为高职高专计算机类的教材,也可供从事网页设计的人员参考使用. 教程地址:HTML&XML网页设计 (曾鸿) pdf

连载:面向对象葵花宝典:思想、技巧与实践(39) - 设计原则 vs 设计模式

又是设计原则,又是设计模式,到底该用哪个呢? ============================================================================= 在"设计模型"一章中,我们提到设计原则和设计模式是互补的,设计原则和设计模式互补体现在:设计原则主要用于指导"类的定义"的设计,而设计模式主要用于指导"类的行为"的设计. 举一个很简单的例子:假设我们要设计一个图形类Shape,这个类既支持三角形,

网页设计中 效果的使用技巧

运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于“透明”的实用小技巧哟:) 在 网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像“变薄”或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿 透显示出来.这种方法如果用好了,效果将会特别棒——能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这么做可能 会影响页面的可读性.要是框