网页UI设计规范、布局及提升用户体验设计(二)

来源:设计经验分享网
添加时间:2024年02月

常见的网页布局形式

布局的原则

网页布局的原则包括:协调、一致、流动、均衡、强调等,另外在进行网页布局设计的时候,需要考虑到网站页面的醒目性、创造性、造型性、可读性、和明快性等因素;

(1)协调:将网站中的每一个构成要素有效的结合或者联系起来,给浏览者一个既美观又实用的网页界面。

(2)一致:网站整个页面的构成部分要保持统一的风格,使其在视觉上整齐、一致。

(3)流动:网页布局的设计能够让浏览者凭着自己的感觉走,并且页面的功能能够根据浏览者的兴趣连接到其感兴趣的内容上。

(4)均衡:网页的布局设计要有序的进行排列,并且保持页面的稳定性,适当地加强页面的使用性。

(5)强调:把页面中想要突出展示的内容在不影响整体设计的情况下,用色彩搭配或者留白的方式将其zui大限度地展示出来。

不同类型的网站、不同类型的页面往往有不同布局,常见的布局模式为:一栏式、两栏式、三栏式

1. 一栏式

布局页面结果简单、视觉流程清晰,便于用户快速定位,但是由于排版方式的限制,只适用于信息量小,相对比较独立的网站。通常会通过大幅精美图片或者交互的动画效果来实现强烈的视觉冲击效果,从而给用户留下深刻的印象,提升品牌效果,吸引用户进一步浏览。由于首页信息展示量有限,一般需要在首页中添加导航或者重要入口的链接等。

2. 两栏式

两栏式是zui常见的布局方式之一,相对于一栏式可以容纳更多的内容,但是两栏式不具备一栏式布局的视觉冲击,一般可以将其细分为左窄右宽、左宽右窄、左右均等,通过不同的布局比例和位置会影响到用户浏览的视线流和页面的整体重点。

(1)左窄右宽

左窄右宽的布局,通常左边是导航,右侧是网页的内容。用户的浏览习惯通常是从左到右、从上至下,因此这类布局的页面更符合操作流程,能够引导用户通过导航查找内容,使操作更加具有可控性、适用于内容丰富、导航分离清晰的网站。

(2)左宽右窄

内容在左侧,导航在右侧,这种结构是突出内容的主导位置,引导用户把视觉焦点放在内容上,然后才是去引导关注更多的信息。比如搜索网站,采用左宽右窄,重点突出搜索的信息,在右侧放次要信息和广告,体现出信息的主次。

(3)左右均等

这种一般网页左右两侧的比例相差比较小或者完全一致,适用于两边的信息重要程度均等的情况,不体现内容的主次。

3. 三栏式

三栏式的布局方式对于内容的排版更加紧凑,可以更加充分的运用网站空间,尽可能多的展示信息内容,通常用于信息量非常丰富的网站,比如:门户网站、电商网页,学习类网站首页。

 

平面设计相关资讯推荐阅读:


做深圳网页建设的宝藏技巧!你不得不知!什么样的软件定制开发服务适合中小企业社会化营销,适合你的才是最好的什么网页设计更加受欢迎易捷网络谈sitemap对网页有什么作用手机建站应该注重的排版设计有哪些(一)企业网页运营必修:如何让用户参与内容创建婚恋交友网页解决方案网页开发的架构具体是怎样的网页优化:如何提升网页访问速度如何玩转互联网游戏营销“猜拳自拍”掀起全民热潮深圳企业网页建设哪家公司好2021年网页设计的10大趋势(一)企业网页建设之服务器空间的选择技巧网页建设常有什么流程和步骤如何把一个新站百度权重从0到1的4进行网页建设时,企业需要了解哪些方面深圳企业网页建设必须经历的十个步骤网页建设哪家公司好,交换友情链接需要注意的几点商业网页建设一般存在哪些误区5G来了,网页建设设计要突出哪些科技-公司营销网页建设时需要注意哪些问题怎样选择较佳的网页建设什么是网页交互式设计怎么跟客户沟通比较容易获得客户的企业建站意向网页建设:初学者怎么才能迅速的学好建设网页SEO优化新手要如何理解SEO的概念2019年做一个专业的大型网页建设费用需要多少钱“关于我们”页面必须包含的7个元素易捷网络建站超市中小企业网页建设福音如何把握网页建设不同时期文章的原创软件定制开发解决企业个性化难题你是否已经感觉到微商在走下坡路了在网页建设中如何使用中国元素深圳网页建设制作中电子商务类型网页的结构都有哪些强烈谴责成都零二八广告有限公司抄袭网络网页为什么会出现404页面商城网页建设传统企业的必由之路深圳网页建设教你如何做QQ空间推广和微信朋友圈推广建设网页如何提升用户体验自助建站的优缺点总结深圳福田中小中小企业网页建设的方法有哪些深圳微信商城建站费用影响因素深圳网页制作的用户体验设计与优化小程序开发的注意事项以及细节电商网页设计方案需考虑哪些问题网页建设的基本原则有哪些网页建设对于企业有什么益处作用是什么科技-高端手机网页建设需要具备哪几大条件 品牌网页设计专业定制 网页优化之如何分析竞争对手网页网页搜索流量受什么因素影响深圳网页制作网页建设对企业发展有哪些优势网页进行SEO优化的重要性科技解析百度网页质量标准保护原创深圳建立一个网页需要注意什么修改wordpress分类页面的meta描述和关键词必修课:聊聊UIDESIGN到底做什么西安市做网页西安市网页设计方案网页设计原理如何进行网页推广效果才能更佳
网站备案号:豫ICP备2024041165号