Categories


Tags


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

什么是好的网页设计,网页设计原则理念

(1)内容和功能决定表现形式和界面设计

常常有人凭借电话的几句交流或者QQ上的几句聊天,甚至是一张句话的小纸条,就开始做一个网站设计。我决的这都是敷衍了事的通用设计,很不专业不成熟的设计。做一个良好的网页设计,你需要了解客户的东西很多,比如:

1、建站目的(是主推产品还是平品牌,是主要注重SEO还是用户交互等)

2、网站类型

3、栏目规划及每个栏目的表现形式及功能要求

4、主色调、客户性别喜好、联系方式、旧版网址、偏好网址

5、根据行业和客户要求,那些要着重表现

6、是否分期建设、考虑后期的兼容性、是否要开发其他语言版本

7、客户是否有强烈的建站欲望

8、你是否能在精神意识上控制住客户

9、面对你未接触的技术知识,你有底吗?

等等…

当你把这些内容都了解清除了时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。

(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)功能决定设计方向

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

来源:读者投稿,原文链接。

来源:月光博客


Public @ 2019-08-24 15:45:15

影响网站打开速度的9大因素

再好的网站,如果打开速度慢,10个人会有9个人选择离开,我归纳了大约9大影响网站打开速度的因素,但网站页面显示的速度取决于众多的因素,包括服务器性能、网络传输质量、网站的带宽、DNS解析、网页内容包括涉及到的JS代码、图片和视频的大小等等各种因素,如有不全,欢迎跟帖补充和指正。影响网站打开速度的9大因素 性能优化 网站监测 网站优化 SEO推广 第1张(再好的网站,如果打开速度慢,10个人会有9个

Public @ 2012-07-30 15:37:10

Win2003+IIS6.0下安装SSL证书

一、 安装SSL证书的环境(温馨提示:安装证书前请先备份您需要修改的服务器配置文件)1.1 SSL证书安装环境简介安装windows server 2003操作系统服务器一台,IIS6.0web站点一个SSL证书一张(备注:本指南使用s.wosign.com域名OV SSL证书进行操作)1.2 网络环境要求请确保站点是一个合法的外网可以访问的域名地址,可以正常通过http://www.youdom

Public @ 2009-05-17 15:36:26

前端开发大众手册(包括工具、网址、经验等)

这里是一些前端开发的大众手册,包括工具、网址、经验等: 1. 工具篇: - 编辑器:VS Code、Sublime、Atom、WebStorm - 版本控制:Git、Sourcetree、GitHub - 包管理器:npm、yarn - UI 库:Bootstrap、Material-UI、Ant Design、Element UI - JS 框架:Vue、React、Angular、jQue

Public @ 2023-06-18 00:50:35

十个JavaScript页面布局技巧

1. 使用弹性盒子布局(Flexbox)来实现多列布局,并确保页面在不同设备上都能流畅地呈现。 2. 使用CSS网格布局来创建复杂的布局,同时保持灵活性和响应性。 3. 使用响应式设计技巧,例如媒体查询和断点,确保页面在不同设备上都能适应和显示。 4. 使用CSS定位来创建浮动、绝对定位和相对定位的元素,并遵循最佳实践以避免出现页面布局问题。 5. 使用基于栅格系统的框架,例如Bootstrap或

Public @ 2023-06-27 18:50:45

更多您感兴趣的搜索