网页设计也要先对网站有全面形象定位

所属分类: 网页制作 / 应用技巧 阅读数: 1810
收藏 0 赞 0 分享

⑴ 内容决定形式
  先把内容充实上,再分区块,再定色调,再处理细节。
  ⑵ 先整体,后局部,最后回归到整体。
  全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。
  ⑶ 功能决定设计方向
  看网站的用途,决定设计思路,商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。
内容和功能决定表现形式和界面设计
  常常拿到的任务是一张小纸条,上面两句话,叫你去做一个网站设计。有的人看看纸条就去设计页面了,凭两句话,你就可以为客户做一个页面设计,以我7、8年的设计经验,我都不敢去做,你真是我的偶像啊!
  做网页设计,你需要了解客户的东西很多:
  建站目的
  栏目规划及每个栏目的表现形式及功能要求
  主色、客户性别喜好、联系方式、旧版网址、偏好网址
  根据行业和客户要求,那些要着重表现
  是否分期建设、考虑后期的兼容性
  客户是否有强烈的建站欲望
  你是否能在精神意识上控制住客户
  面对你未接触的技术知识,你有底吗?
  等等...
  当你把这些内容都了解清楚了的时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。
⒈ 网页配色基本概念
  ⑴ 白纸黑字是永远的主题,谁都说不出不好来。
  ⑵ 网页最常用流行色
兰色——蓝天白云,沉静整洁的颜色。
绿色——绿白相间,雅致而有生气。
橙色——活泼热烈,标准商业色调。
暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色,
  ⑶ 颜色的忌讳
忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!
忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱!
忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。
忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。
蓝色忌纯,绿色忌黄,红色忌艳
  ⑷ 几种固定搭配
蓝白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。
绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。
橙白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。
暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。
⒉ 界面弱化
  一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。
要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。
  ⒊ 模块化和可修改性强
  模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。
,无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子,logo、按钮等,很多人喜欢制作图片,N个按钮就是N张图片。如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单了,让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的,一般既能清晰又保证美观的字体字号有几类:宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px |
  ⒋ 创艺是可耻的,分析能力远比创意来的重要
  设计界动辄就大谈什么“创意”,我要说的是,还没有搞清目的意义内容,还没在技术制作上臻于完善的基础上班,用创意和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创意来的重要。
  ⒌ 兼顾还是抛弃
  CSS、XHTML、web2.0、Ajax等等山雨欲来,学习先进技术固然是有好处的,但对于目前国内普遍的低认知水平,决定了客户的需求和价格也是相当低的。之前,说到经济决定网页设计,所以有的时候,是不允许你做出更多的兼顾的,抛弃和放弃也是无奈之举。
更多精彩内容其他人还在看

网页设计技巧:iframe自适应高度的问题

所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe
收藏 0 赞 0 分享

网页色彩对比与调和技巧分享

在对比状态下,色彩相互作用与单一色彩所带给人的感觉不一样,这种现象是由视觉残影引起的。当我们长时间注视某一彩色图像之后,再看白色背景时,眼前会出现色相、明度关系大体相仿的补色图像
收藏 0 赞 0 分享

网页色彩性质的分类

任何颜色都可以使用三原色——红、绿、蓝组合而成,三原色中只有红色是暖色,所以要判断作品颜色的冷暖,可以依据红色成分的多少而定。色调主要由明度与彩度组合而成,用来表示颜色的状态
收藏 0 赞 0 分享

使用Photoshop 制作网页线框图简单实用

这篇文章向大家介绍一套免费的Photoshop 线框图套件,这个线框图套件中包括通知、图片和视频,表单字段,标题,段落,项目符号列表,导航,广告横幅和普通网站的元素,如:搜索框,电子邮件注册表单等等
收藏 0 赞 0 分享

CSS使用技巧总结

偶尔看到一篇CSS常用技巧的总结文章,本人整理了一下,晒出来和大家分享,希望可以帮助你们
收藏 0 赞 0 分享

Web设计师如何制作Retina显屏设备的图片

到目前为止,我们知道苹果设备中支持Retina屏幕技术的有“iPhone”、“iPod”、“iPad”和“Macbook Pro”,这些设备能为用户呈现更细腻、平滑和高质量的图片效果,提高了用户的视觉体验。做为一名Web设计师如何为你的网站创建这些适合Retina显屏设备的图片呢
收藏 0 赞 0 分享

JPG,GIF及PNG各类型的图片格式详细解说

大家都知道网页上面的图像一般用jpg、gif和png这几种格式,他们有什么区别以及在什么场合下使用进行详细介绍看了下面的内容后你可能会有了自己的结论
收藏 0 赞 0 分享

组件化的前端开发流程详细说明

做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程,开发流程的好坏,直接影响着页面开发的效率,间接影响游戏的时间为了更好的开发,我们做了一下总结
收藏 0 赞 0 分享

我们在囧途之UI工程师职业感慨

我是一名还不算特别优秀的UI工程师;这个要先说明一下UI不是美工,美工是以图片方案设计为主的岗位,而UI是指用户交互体验的设计
收藏 0 赞 0 分享

分享8款提高网页设计出色的CSS工具

当一个人需要编辑或修改网站设计,CSS发挥着重要的作用;今天就给大家分享8款非常出色的CSS工具,这些工具都是很出名的,能够解决开发当中常见的棘手问题,希望对你开发有所帮助
收藏 0 赞 0 分享
查看更多