当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

基础知识,分享常用的对齐技巧(2)

来源:优设 作者:Micu设计 学习:4739人次

基础知识,分享常用的对齐技巧_www.16xx8.com

二、解构分析

有对齐的意识,也进行对齐,但为什么不够高大上呢?设计出来的效果怪怪的……

一般设计师会这样设计,大感觉上也没有什么问题。(下图)

基础知识,分享常用的对齐技巧_www.16xx8.com

其实对齐也是有规律的,善于发现设计中的联系。

我们来看一下其他几个用户体验不错的输入框设计,凭啥就这么舒服呢?和大家解构一下它们的设计。

小米的登录页。

基础知识,分享常用的对齐技巧_www.16xx8.com

在小米的登录页设计中,主标题与副标题进行了左对齐。

输入框提示文字与输入框基于中心线对齐,让提示信息和输入框看起来更为整体舒服。

内容划分明确,明确了哪些是需要输入的,哪些只是描述。

基础知识,分享常用的对齐技巧_www.16xx8.com

苹果的登录页

基础知识,分享常用的对齐技巧_www.16xx8.com

在苹果的登录页面中更为讲究,标题和输入框利用了不同对齐方式拉开了层次。

请登录标题和取消按钮是左对齐的,而输入框与提示文字则是居中对齐的。

将用户的视线引入到了输入框的上面,从而加强了提示文字与输入框之间的关系,并用大间距拉开了标题和内文的层次。

基础知识,分享常用的对齐技巧_www.16xx8.com

基础知识,分享常用的对齐技巧_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
寶貝^O^卜乖2018-06-02 04:17
加油
yangzwl2017-05-28 10:11
表示菜鸟看不大懂
来着不惧_噢耶2017-05-28 09:55
值得学习的教程
笑容最美2017-05-28 09:18
刚接触PS感觉好难
凡星20122017-05-28 07:54
女友有一孪生妹妹,千方百计的哄了过来,比她姐有情调多了,我们三天两头的约会,还经常出去玩,女友一直没察觉,约好了就这样维持下去。那天去她家吃饭,她妈妈说:“佳佳没少让你受气吧,我们就这一个孩子,从小惯坏了。”

关注大神微博加入>>

网友求助,请回答!