郑州列举网 > 商务服务 > 网站/软件服务 > 设计放大招:半小时掌握八种页面布局不是梦
郑州
[切换城市]

设计放大招:半小时掌握八种页面布局不是梦

更新时间:2016-08-22 17:58:35 浏览次数:71次
区域: 郑州 > 金水 > 经八路
类别:网站制作
地址:郑州市高新区西三环电厂南路大学科技园(东区)12号楼502-503

  众所周知,好的页面设计与排版是分不开的,说起排版,重要的就是布局,布局的好坏,直接影响了页面的美观,所以一个好的设计师,一定是一个的页面布局者,而对于页面布局而言的话,只要掌握一定的技巧,就完全OK,没有那么复杂,想在半小时内掌握页面的八种布局方法吗?这种想法是做梦吗?当然不是,因为完全可以办到,接下来跟着小编的步伐一起圆梦吧。

  ,列表式布局
  这是我们移动界面设计中常见的一种布局方式,特点就是:内容从上向下排列,导航之间的跳转要回到初始点,基于这样的特点, 布局层次展示清晰明了,视线流从上到下,浏览体验快捷,可展示内容较长的菜单或拥有次级文字内容的标题。但这也无疑暴露了其缺点:导航之间的跳转要回到初始点,灵活性不高同级内容过多时,用户浏览容易产生视觉疲劳,只能通过排列顺序、颜色来区分各入口重要程度。

  第二、九宫格布局
  相信这种布局方式大家都比较熟悉,平时我们发朋友圈或者空间说说,照片都是采用九宫格的方式。简单的一行三列,非常清晰,也受很多用户的喜欢,   但是这种布局方式菜单之间的跳转也要回到初始点,容易形成更深的路径,不能显示太多入口次级内容。

  第三、陈馆式布局
  支付宝的界面相信大家都很熟悉,它的首页就使用了陈列馆式布局,它能直观得展现各项内容,而且首页的内容都是用户经常游览的,不过由于界面过多,视觉体验效果就稍微逊色了一点,与九宫格相比的话,稍微复杂了些,由于排列过多,容易造成用户眼花缭乱。

  第四、旋转木马式布局
  阅读软件“一个”的首页则使用了旋转木马式布局,一个的主题是“复杂的世界里,一个就够了”,所以它选用此布局起到了画龙点睛的作用,更能提高单页面的聚焦度。该布局方式比较突出,内容整体性较强,聚焦度高,但是往往也受屏幕限制,不能展现更多精彩内容,同时,也容易造成后面内容的忽视。

  第五、多面板布局
  腾讯Q Q的兴趣部落页面使用了多版面布局,能同时呈现出比较多的兴趣分类及内容,这也是一种典型的页面布局方式。 优点是: 分类位置固定,清楚当前所在入口位置,对分类有整体性的了解,减少界面跳转的层级,缺点则是,内容比较多,容易造成用户视觉疲劳。

  第六、选项卡式布局
  今日头条首页使用了选项卡布局,但是,个人觉得上面导航栏的选项卡由于功能入口太多而显得笨重,下面的则恰到好处。这种布局方式的优点就是直接展示重要接口内容,信息分类位置固定,清楚当前所在入口位置减,少界面跳转的层级,轻松在各入口间频繁跳转。

  第七、图表式布局
  支付宝作为一个与金钱有关的软件,它余额宝页面选择了与自身比较符合的图表式布局,这种布局能直观详细地显示出信息,很适合用于数据、账单有关的APP。

  第八、行为扩展式布局
  腾讯Q Q的联系人页面使用了行为扩展式布局,相信大家也不陌生,用起来也很方便。特点就是:能在一屏幕内显示更多的细节,无需页面跳转,缺点则是分类位置不固定,当展开的内容较多时,跨分类跳转不方便。

  看到这里,就算你不懂设计,相信也有所顿悟了,毕竟这都是我们生活中常见的,它的特点怎么样,有哪些优缺点,我们都已经分析过了。对于懂设计,懂布局的你就更不用说了,一看就明白是怎么回事,郑州APP开发的小编今天选择这个话题的原因,其实很简单,近对设计比较感兴趣,设计是一种艺术,来源于生活又高于生活,而我只是想把我知道的分享给大家,不足之处,欢迎大家吐槽!

  郑州APP开发公司:http://www.***/news/900.html
郑州网站/软件服务相关信息
注册时间:2015年06月23日
UID:217865
---------- 认证信息 ----------
邮箱已认证
查看用户主页