网页设计原理和技巧

网页设计是一个很关键的部分，网页设计的好坏直接影响整体的网站效果。网页设计环节是整个成功的开端。老站长结合自己的亲身体验，总结如下和大家分享交流：
一、什么是好的网页设计，网页设计原则理念   （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）颜色的几种固定搭配
蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或icon做点缀。
绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或icon做点缀。   橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或icon做点缀。   暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。
（4）颜色的忌讳
忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！   忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
忌跳——再好看的颜色，也不能脱离整体。脱离群众是自取其辱！
忌花——要有一种主色贯穿其中，主色并不时面积大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。
忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。
蓝色忌纯，绿色忌黄，红色忌艳。
（二）网页设计理念   （1）内容决定形式
先把内容充实上，再分区块，再定色调，再处理细节。   （2）先整体，后局部，最后回归到整体。
全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

（3）功能决定设计方向

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

网页名称：网页设计原理和技巧
分享URL：/news31/182181.html

成都网站建设公司_创新互联，为您提供ChatGPT、星空体育app最新版本(2024已更新)、网站内链、网站改版、网站设计、面包屑导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联