玩转UI设计师~3种个人中心排版潜规则

用户头像
上海/UI设计师/8年前/2585浏览
玩转UI设计师~3种个人中心排版潜规则

分析着玩~

按照目前所接触到的主流的APP UI的ge re,分为3种类型:


A 左对齐

B 居中对齐

C 隐藏




左对齐


优点:头像存在感不是很强,和内容平级,想放多少字,就放多少字。

缺点:万一左边的元素放不好,容易一头沉,需要有个按钮什么的压着一下头像,达到平衡。

应用:素记、新浪微博、简书



比如新浪微博右边挂着一个会员的icon。



b38059894a3da80121560310661a.jpg




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



01d059894a4a000000212923972d.jpg




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



7ff759894ac4a801215603833aad.jpg




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



254f59894dc400000021297da49b.jpg






居中对齐


优点:凸显头像第一!中心感觉又稳又正啊!内容第二!

缺点:万一个人简介太多了,字等等多了,不好放。

应用:快看漫画、布丁漫画、Yhouse

提问:小伙伴们知道为什么要设计成居中对齐的个人主页么?欢迎回答~



快看漫画:居中居中,唯我独尊!


776f59894b8ea801215603400e19.jpg




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



4ae959894bc1a8012156037983e2.jpg




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



135859894beca80121560338c452.jpg




隐藏个人中心


优点:不常用,干脆藏起来,减少空间!看不见!看不见!有的是为了隐藏。有的是为了单独列出一个功能页,比如优步和滴滴,可以放置每次的行程等功能。

缺点:左边滑动起来好烦

应用:QQ、懒人周末、优步、嘀嘀、小咖秀

哪怕看不见,闷骚的设计师也要做到最疯狂,他们给侧边栏的个人主页做了非常多的设计,比如纯色高大上、城市剪影、星空。




QQ:隐藏在左侧的南极冰川。


674e59894d610000002129be4b59.jpg






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



e6ef59894c9f00000021291441dd.jpg




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



298459894cc7000000212955b878.jpg





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



e26b59894d080000002129d40e29.jpg










18c259894fa600000021297fceb1.jpg


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

求下方点赞哦~关注站酷哦~

21
举报
|
31
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面男孩喝咖啡插画设计
金色颗粒质地的平面
城市园林平面布局航拍
平面书法字手写
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面设计 吊牌设计
玄关入门地毯印花图案红地毯
古风平面仕女与瓷器
倒计时,海报,平面
平面风格黄绿色系花朵装饰
平面花卉图案扁平简约无缝拼接插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
城市园林平面布局航拍
平面人物插画
城市园林平面布局航拍
空的平台平面和自然景观
金色颗粒质地的平面
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
海底世界插画
金色颗粒质地的平面
城阙凡花
中国传统纹样创新图案设计
平面插画设计女孩喝咖啡
你可能喜欢
大家都在看
登录注册