• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网页设计时我们应该注意的一些问题

网页设计时我们应该注意的一些问题

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页设计,注意问题等相关知识,佚名 希望在学习及工作中可以帮助到您
网页设计,根据个人爱好以及网页内容的不同,版面的设计布置千变万化,换一下背景就是另一种感觉,什么样的布局好看,没有定式。笔者根据自己的经验体会特总结出如下要点:
  1.网页内容的选择要不落俗套。 放眼望去,网上的许多个人主页简直就是"杂货店".内容包罗万象,题材千篇一律.人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意.所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。
  2.内容确定下来以后,不要着急开始制作页面。我们应该对整个版面规划设计一下,好好的想一想,主题是什么,大概内容该怎么安排,接着最好在纸上把这个框架画出来——这就是排版。排版是很重要的,没有一条清晰的主线,那么整个版面将是混乱一团。
  3.整个页面的主线理好以后,我们还必须对它进行补充,以保证页面的完整性和整体性。比方说,页面的标题内容要简洁明了,使人一看就能明白该网站有没有自己所需要的东西;遇到长文本时,用划线把它分隔开,以便人能一目了然地看清楚;重点段落要突出显示,这样人就能有选择性地获取信息;在网页上留下通讯地址或E-MAIL地址,有利于用户和你交流;网页中使用商标,不能侵犯版权;以上都是要考虑的一些细节问题。同时特别要考虑到以后网站的维护更新要方便。
  4.制作时,内容不要和其他网站的内容相同,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在!
        5.图象的制作要兼顾大小和美观,一般来说,掌握好photophop这个强大的工具,再配合其它一些专用图象软件如ulead、paint shop pro等,不难制作出漂亮的精美的图片。但图片是为主页内容服务的,不要让整个版面太花花绿绿,喧宾夺主。在网上就可以找到很多图片、图库和动画。
     6.不要使用大幅面的Java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受,往往使浏览者没有耐心等页面全部显示出来,这样你的精心设计便毫无效果啦!
       7.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以"分割"成小图片.合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示.
    8.图片的下载较慢,要想使用户在图象没有传下来之前,就能够知道图象上的内容,我们就必须为图片加注解.这样一来,在图象没有显示出来时,可以通过注解的标注来帮助浏览者知道这是关于什么内容的图片,以方便用户作出选择,是否需要等待,是否可以点击.特别考虑到纯文本浏览者浏览的方便。
    9.设计Web页面时,一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率,尽管在800×600高分辨率下一 Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率下都能正常显示的网页。

您可能想查找下面的文章:

  • 网页设计与西方建筑的发展历程有何相似之处
  • 创业公司精雕细琢的17个优秀网页设计
  • 黑白灰低调大气范的网页设计欣赏
  • 网页设计师必须get的7项技能
  • 自适应网页设计是怎么做到的的相关知识点总结
  • 网页设计中常见的错误小结
  • 2013年网页设计UI最热趋势 最流行的UI设计
  • 自适应网页设计的方法(手机端良好的访问体验)
  • 网页设计中的6个小技巧分享
  • 回顾2012年度最佳网页设计作品分享[上篇]

相关文章

  • 2018-08-23接到了一个小程序的设计私单,和App设计一样吗?
  • 2017-08-065个响应式设计不值得搞的原因(图文)
  • 2017-08-069款很棒的网页绘制图表JavaScript框架脚本
  • 2018-08-23腾讯内部分享!一个工作坊的完整设计流程剧透
  • 2017-08-06一个好的用户界面设计的37个技巧(图文)
  • 2018-08-23用京东的概念案例,深入浅出为你解读「品牌化」
  • 2017-08-06网页设计师职位应聘面试的常见试题及参考答案
  • 2018-08-23从这4个角度,做出情感化设计的产品
  • 2017-08-06如何解决外边距margin叠加的问题探讨
  • 2017-08-06网站上flv/MP4等格式的视频文件播放不出来和MIME类型有关系

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 交互设计师为什么需要具备产品思维?
    • 618 如何让用户买买买?来看腾讯设计师的总结!
    • 在这些因素的制约之下,才能选取出科学的配色方案
    • 超详细的登录注册的业务逻辑流程梳理
    • Banner设计宝典之可能是最全面的流程分析总结
    • 让传达更有效!7个提升数据可视化的实用技巧
    • 你与产品经理的意见不一致,该怎么办?
    • 用一个AI教程,帮你学会运用黄金分割绘制图形
    • 用一个实战案例,教你学会复杂界面的布局设计
    • 页面重构技能-内容篇

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有