打开客服菜单
SEO培训学院招生介绍
天青SEO培训 > 网站建设 > 十条设计原则教你学会如何设计网页布局
十条设计原则教你学会如何设计网页布局
编辑 : 天青SEO 时间 : 2018-03-20T10:43:06 浏览量 : 324

网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.
下面我来分享下我们常用的网页布局格式以及设计技巧.

第一条  尽量使用单列而不是多列布局 

单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。


十条设计原则教你学会如何设计网页布局

第四条 界面要有鲜明对比,让人容易区分

把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影渐变等效果让界面富有层次感来张显主题。最后,你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面,以达到突出重心的目的。综合所有这些,最后得到的界面会使你的主要意图与界面其他元素有明显的区分,得到完美的呈现。

十条设计原则教你学会如何设计网页布局

第六条 让界面平滑显示而不要死板地呈现

用户进行操作过程中,界面上的元素会经常出现,隐藏,打开,关闭,放大缩小移位等。给这些元素增加些自然的动画,淡入淡出效果不但美观,也更符合实际,本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长,那样会让想尽快完成操作的用户不耐烦。

十条设计原则教你学会如何设计网页布局

第七条 过多边框会让界面四分五裂

过多边框会喧宾夺主。不用说,边框确实在划分区域进行版块设置时有很大的作用,但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的,在排版时可以将界面上不同区域的元素通过空白进行分组,用上不同的背景色,将文字对齐方式进行统一,还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时,我们经常在界面上方便地拖出很多区块来,这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐,这样做不会让那些多余的线条来扰乱视觉。

十条设计原则教你学会如何设计网页布局

第八条 界面设计得一致

界面设计中尽量保持一致性成了一个普遍遵循的准则。可以在很多方面下功夫来实现一个一致的界面,包括颜色,方向,元素的表现形式,位置,大小,形状等。不过在让界面变得一致之前,记住一点,适当的打破整体的一致性也是可取的。这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。所以世事无绝对,我们应遵从一致的设计准则,但适当地打破这种常规。

第九条 具有层次的图形化展示优于直白的文字描述

具有层次的设计可以将界面上重要的部分与不次要部分区分开来。要让界面层次分明,可以在这些方面做文章:对齐方式,间距,颜色,缩进,字体大小,元素尺寸等。当所有这些调整运用得适当时,可以提高整个界面的可读性。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计,这样分明的设计也可以让用户放慢速度来慢慢阅读。这样也使界面更有特色一些。就好比一次旅行,你可以乘坐高铁快速到达景区(从页面顶部瞟到底部),但你也可以慢行以欣赏沿途风光。所以层次分明的设计让眼睛有可以停留的地方,而不是对着空白单调的一个屏幕。

十条设计原则教你学会如何设计网页布局

第十条 优化页面加载速度,不要让用户等太久

速度很重要。页面加载速度和UI对操作的响应速度都直接关系到用户是否有耐心继续等下去。无疑地每多一秒种的等待都会失去一些用户或者项目机会。一个好的解决之道当然就是优化你的页面和图片。除此之外还可以运用心理学让这个等待时间显得不那么长。具体来说有两种技巧。一是显示进度条,二是展示其他相关或有趣的东西来吸引用户的注意力(就好比你沿着传送带走走总比傻站在原地盯着一个位置看要好得多吧)。


来源:杨青博客

天青教育SEO培训学院专注SEO实战培训SEO专业培训SEO系统培训seo网络培训SEO排名优化培训。 如果你喜欢《十条设计原则教你学会如何设计网页布局》,可以把他分享给你的朋友和同行,让他们也能从中受益,他们会对你的无私表示感谢。

《十条设计原则教你学会如何设计网页布局》的相关文章

天青教育最新互联网干货文章

包括SEO、营销、建站、运营、推广、自媒体等领域

  • 13

    2018-07

    百度搜索短视频合作资源标准

    一. 优秀视频内容生产者要求1. 内容版权:拥有对应视频内容的版权或取得对应授权。2. 生产能力:高质量视频的生产能力(专业和成熟的视频生产能力)和生产速度(如 ...

  • 23

    2018-05

    百度搜索将推出惊雷算法2.0

    为保证搜索用户体验,促进搜索生态良性发展,百度搜索将于5月底推出惊雷算法2.0 。相对于惊雷算法1.0,此次升级主要针对“恶意制造作弊超链”和“恶意刷 ...

  • 29

    2017-07

    百度绿萝算法,打击软文买卖

    针对一些网站到处发布推广性软文的现象,一直以来我们都在通过各种方式进行处理。一方面,过滤清理这种垃圾外链;另一方面,对目标站点进行适当惩罚。但是,这一现象仍然大 ...

  • 23

    2018-07

    搜狗搜索结果页展示网站logo

    一、网站logo的核心审核标准1. 仅支持二级域名;2. logo文件类型仅支持PNG格式或JPG格式;3. logo长宽比必须为1:1,大小必须200k以内, ...

  • 12

    2018-01

    360搜索“哪吒算法”上线 严厉打击恶劣seo骗取流量行为

    亲爱的站长朋友们:通过数据监控和用户反馈,我们发现一些大型站点,也存在利用“黑帽seo”手法恶意骗取流量的行为,干扰了正常用户体验。360搜索近日将上线“哪吒算 ...

  • 23

    2017-08

    百度推出飓风算法,严厉打击恶劣采集

    百度搜索于近日推出飓风算法,旨在严厉打击以恶劣采集为内容主要来源的网站,同时百度搜索将从索引库中彻底清除恶劣采集链接,给优质原创内容提供更多展示机会,促进搜索生 ...

  • 05

    2018-07

    什么是搜索引擎与SEO

    什么是搜索引擎?定义是这样的:搜索引擎(Search Engine)是指根据一定的策略、运用特定的计算机程序从互联网上搜集信息,在对信息进行组织和处理后,为用户 ...

  • 14

    2018-03

    seo专员的日常工作是什么

     作为一个网站优化人员,需要在不同阶段对网站制定目标并每日进行跟踪反馈并及时调整策略,从而利用最短的时间做最有效率的事,而日常事务又是保证网站优化顺利 ...

  • 11

    2018-01

    百度移动搜索地域优化服务说明

    为方便用户根据自身位置查找和使用本地信息与服务,帮助移动站点健康、稳定地提升流量,百度移动搜索现提供地域优化服务。如果您是提供线下信息服务的站点,可以通过为自己 ...

  • 03

    2018-03

    什么样的链接对提升网站收录更有意义

    新年开工大吉,给各位站长们带来学院专家Mr Xue的最新文章,我们一起来看看什么样的链接对提升网站收录更有意义。现在搜索引擎针对改善网站的收录情况,提供了很多的 ...

  • 15

    2018-05

    建一个网站需要选择什么样的程序

    很多站长和网站管理员,其实都不是专业的程序员,他们不会写代码,但是他们需要自己建站,最好的方法就是使用开源的程序来建站,其次是付费找专业的人来做。那么建一个网站 ...

  • 24

    2018-04

    SEO整站优化方案制作

    不管是我们为自己的网站做SEO还是给自己公司的网站优化,又或者是给客户提供SEO服务,在SEO工作开始之前做好一份详细的SEO方案,不要怕费时间,只有有计划地去 ...

  • 07

    2017-12

    揭秘:SEO7天快速排名上首页,快排SEO的原理

    快速排名:简单的来说就是利用搜索引擎特点或者说是原理,对网站进行“不一样”的优化方式!对于快排这一技术,SEOer应该不陌生,特别是“点击排名”这一理论以及排名 ...

  • 22

    2017-11

    SEO优化方案应该怎么写?SEO优化方案模板

    做SEO的基本都要经历过写SEO优化方案书,网站优化诊断书之类的。而这东西对于很多新手SEO,甚至是干了三四年的SEOer而言,也是一个很让人纠结的事情,如果你 ...

  • 29

    2018-06

    影响网站排名的4大因素

    我将影响网站的排名因素分为4个方面,外链,相关性,权威性和用户体验。当然实际上是肯定不止这些的,这个只是大方向来讲,每一个大方向里面都涉及到几十上百个细节,这些 ...

  • 08

    2018-03

    一个页面如何让它被百度收录

      收录和排名有没有关系?  有的网站收录是30万收录量,收录多,但没有排名,但是有的网站收录量很少,只有区区几十个,但是排名特别好。这是什么原因呢?  收录对 ...

  • 03

    2018-03

    网站写了robots文件,是否还能用熊掌号推送数据

    最近很多站长咨询关于熊掌号的问题,包括熊掌号和传统seo之间的关系等,熊掌号在给网站提供更多的品牌特型、内容保护之外,是否会遵循seo的基础原理呢?曲曲小姐姐将 ...

  • 07

    2017-12

    发外链有用吗?网站SEO站外建设速成手册

    SEO的基础知识,在我上传的很多SEO教程就有讲。此外百度等搜索引擎官方都有学习的资料,在百度站长平台即可看到。所有的SEO知识,都在站内和站外2方面讲,站内做 ...

  • 06

    2018-06

    微信公众号赞赏功能升级为“喜欢作者”

    从今天起,公众号赞赏升级为“喜欢作者”,符合条件的作者即可注册为赞赏账户,作者可以直接收到读者的赞赏了!目前,微信与苹果方面已经达成一致,iOS系统也支持这一功 ...

  • 05

    2018-07

    金佰利告诉你,品牌广告投放如何抢C位

    金佰利旗下好奇新品发布,投放百度开屏,成功抢占C位,点击率高达8.11%。推荐阅读:技术赋能旅游营销,百度助力“一带一路”下的旅游产业百度斩获艾奇奖金奖 AI赋 ...

  • 10

    2018-01

    互联网行业网站运营公约

    互联网行业网站运营公约由百度发起,旨在建立健康良性发展的互联网生态圈和规范的互联网行业网站运营标准,为互联网从业者对网站进行合理、正规化运营提供指导原则,帮助网 ...

  • 22

    2018-05

    熊掌号平台最新消息,全新升级,全新上线

    熊掌号致力于帮助资源方快捷、高效地连接全网用户,通过充分利用百度搜索生态开放的优势,帮助资源方获取流量、沉淀用户和塑造品牌,实现自身内容与服务价值的快速增长。为 ...

  • 15

    2018-06

    腾讯安全团队关于打击网络违法违规信息的公告

    为加强互联网内容建设,建立网络综合治理体系,维护用户更加清朗的上网环境,根据《中华人民共和国网络安全法》《互联网用户公众账号信息服务管理规定》《中华人民共和国英 ...

  • 24

    2017-07

    网易运营总监韩叙:内容型产品的运营思维

    在2017年的互联网运营大会上,网易运营总监韩叙在《内容型产品的运营思维》分享汇总详细解释了内容产品的分类和运营策略,从几个有趣的案例说起,对内容分发给出场景化 ...

    未能查询到您想要的文章

  • seo实战培训

  • seo系统培训

  • seo网络培训

  • seo视频培训

cache
Processed in 0.033722 Second.