玩转UI设计师~3种个人中心排版潜规则
分析着玩~
按照目前所接触到的主流的APP UI的ge re,分为3种类型:
A 左对齐
B 居中对齐
C 隐藏
左对齐
优点:头像存在感不是很强,和内容平级,想放多少字,就放多少字。
缺点:万一左边的元素放不好,容易一头沉,需要有个按钮什么的压着一下头像,达到平衡。
应用:素记、新浪微博、简书
比如新浪微博右边挂着一个会员的icon。

微信的右边挂着一个微信的icon。(告诉我,这不是偶然~)

素记右边文字很多,和头像达到了平衡。(当然,留一丢丢的白可以达到空的极简效果)

当然,为了个性,你还可以这样去变化!

居中对齐
优点:凸显头像第一!中心感觉又稳又正啊!内容第二!
缺点:万一个人简介太多了,字等等多了,不好放。
应用:快看漫画、布丁漫画、Yhouse
提问:小伙伴们知道为什么要设计成居中对齐的个人主页么?欢迎回答~
快看漫画:居中居中,唯我独尊!

Yhouse:满眼自己的头像,没有多余的文字。底下是一排乖乖的图标。

布卡漫画:只有头像和二次元的背景,文字图标统统不要。

隐藏个人中心
优点:不常用,干脆藏起来,减少空间!看不见!看不见!有的是为了隐藏。有的是为了单独列出一个功能页,比如优步和滴滴,可以放置每次的行程等功能。
缺点:左边滑动起来好烦
应用:QQ、懒人周末、优步、嘀嘀、小咖秀
哪怕看不见,闷骚的设计师也要做到最疯狂,他们给侧边栏的个人主页做了非常多的设计,比如纯色高大上、城市剪影、星空。
QQ:隐藏在左侧的南极冰川。

滴滴:隐藏在独立的左侧,基本属于单独列出的功能页。

优步:隐藏在独立的左侧,基本属于单独列出的功能页。

小咖秀:隐藏在独立的左侧,星空。基本属于单独列出的功能页。


关注玩丫Design公众号,学习各类设计课程:Sketch、Axure、Principle;网络授课,超低价超专业培训,圆你的设计梦!
求下方点赞哦~关注站酷哦~







































