• 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

本文主要包含简单,规则,布局,页面,心得,网页设计,·,标题,文本等相关知识,佚名 希望在学习及工作中可以帮助到您

·重复:在整个站点中重复实现某些页面设计风格。
  重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。
  颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。
·用对比来吸引读者的注意力。
  通过对比来抓住读者的注意力,例如,你可以让标题在黑色背景上反白,并且用大的粗体字(比如黑体),这与下面的普通字体(比如宋体)行成对比。另一个方法是在某段文本的背后使用一种被景色。 微课江湖www.wejbx.com
·在文本周围留出空白以便更容易阅读,布局更优美。
  留白是一种美德。满屏幕密密麻麻的字会让人头晕眼花,适当地留出边距及行距,让阅读变得轻松些。
·保持简单。
  避免只是为了试验一种技术或新技巧而采用它们,把会使人分心的东西减到最少。
  不要期望人们会下载插件,很多人会因此转到别的地方去。
  应该将注意力集中在提供信息方面,而不是使页面看起来令人惊叹而信息却被淹没在动画闪烁、闪烁的文本和其他花招的迷雾里。
·只要可能,就要避免滚动。
  用户在浏览新页面时,常常大致扫一眼页面的内容区域,而不理会导航菜单条(这就是说,那种大尺度的flash头部除了好看,是没有用的!)。如果页面看起来和用户的需要无关,那么两三秒后用户总会点击“后退”按钮。
·不要使用闪烁的文本。
  除了在一些及其少见的情况下,闪烁的文本会使用户厌。
  动画文本也是这样的,一定要非常有节制地使用。 微课江湖www.wejbx.com
·尝试使用文本的布局协助导航。
  如果我们的页面里包含几十个链接,那么,就要把这些连接分类,并且用不同的标题和颜色块来区分它们。
·心里时刻想着站点的观众。
  哪种人会访问这个站点?他们为什么要来访问,他们的主要知识背景是什么?页面的设计和布局需要反映这些群体的不同需求。
·使用页面布局突出人们将要寻找的标题。
  一旦你了解了客户群体的需要,就可以分析出他们最希望看到的标题,并且利用页面布局使这些标题突出出来。当然,作一个客户调查,是很好地掌握他们关心内容的方法。

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

  • 新手建站教程 十天学会做网站
  • 网页设计心得:页面布局的简单规则

相关文章

  • 2018-08-23三款思源宋体改造繁体版免费下载+MacOS GUI素材打包
  • 2018-08-23小米新品的海报背景,用这个神器可以一键生成!
  • 2018-08-2310分钟看懂谷歌语音交互设计规范都讲了些什么
  • 2018-08-23设计神器两连发!加载动效在线生成网站+最好用的免费图库推荐!
  • 2018-08-23AI教程!手把手教你绘制矢量花丛文字效果
  • 2018-08-23你好,我就是传说的佛系设计师
  • 2018-08-23UCAN 干货总结!阿里设计如何助力设计产业升级?
  • 2018-08-235个实操改稿案例,教你做出高质量的Banner设计!
  • 2018-08-23这8个字体设计和排版技巧,是2018年的设计趋势
  • 2018-08-23做好这个交互文档细节,让你和工程师的合作效率提高50%

文章分类

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

最近更新的内容

    • 可爱炸!人家的闹钟APP为何设计得如此有意思
    • 如何高效完成表单输入?来看这个实战案例!
    • 表单经典原则是错的?来看这5个表单设计新规则
    • 春节专题!App 设计系列之应用市场截图设计原则
    • 2018年了,梳理一下语音交互界面的核心知识点
    • 垂直栅格和渐进式行距应用举例
    • 那些很熟悉但又叫不出名字的设计法则:禁果效应
    • 如何给节日主题做设计,来看这篇超全面的分析!
    • 网易设计师:电视交互设计的基础知识科普
    • 超实用!四招快速提升字体设计能力

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

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