photoshop基础常用对齐技巧心得分享一览

给各位photoshop软件的使用者们来详细的解析分享一下基础的常用对齐技巧心得。

心得分享:

一、基础操作方式

工欲善其事,必先利其器。

利用参考线对齐。在Photoshop的【编辑】-【首选项】菜单中可以设置合适的网格尺寸。

 


在设计前期将界面进行设置框架参考线,通过参考线将按钮、文字、图形对齐。

 


PS参考线小插件-GuideGuide

这是一个非常便捷的画参考线的工具,让你节省了时间去算参考线。在插件你可以输入一些数字,GuideGuide可以通过你设定的单位自动划分号好网格。这个软件最强大的地方就是:可以通过画布中选区的大小生成对应的网格参考线。真是画参考线的神器也!

 


界面中常用对齐形式

对齐三大招:齐行、居左、居中。(貌似初一就学过,干活却老忘)

 


齐行式:运用在阅读性文本中,比较长的文本段。一般用在详情页中。(图:猫眼电议)

 


居左式:这种用的比较多,常常运用在APP的设计中,列表信息展示等。这种对齐方式比较容易阅读,能很好的区分主次文本的层次。(图:淘宝)

 


居中式:主要使用在信息流式的文本表现方式中。(图QQ音乐)

 


二、解构分析

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

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

 


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

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

小米的登录页。

 


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

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

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

 


苹果的登录页

 


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

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

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

 


 


在对齐的方式里我们找到了规律,层级关系,框框框!

通过对其方式来区分内容的层级关系,这就是隐形对齐框的作用。将信息层级通过这种方式罗列在用户眼前。让用户最近视角展示产品的核心信息。提炼出用户在场景中最为关注的诉求,解决用户的问题。

 


对齐也是有层次的。有左对齐、右对齐、居中对齐。(都懂都懂,就是用不好)左对齐和右对齐主要是对屏幕内容的规整性,居中对齐则是对内容文本的划分。

三、常用间距

 


将框框框融入到APP界面中,将主要的,用户想找的内容突出出来。

在设计中一般间距设定的大小单位10px,这样更容易统一整个画面的一致性。

 


在界面中常用间距来划分内容的层级关系,让内容与导航取分出来。

在导航上的左右间距是20px,而在内容列表信息程序时左右间距调整到了30px。

通过这种方式区分了上下层级的关系。

那么在主文本信息中还将上下间距统一一致都设定为30px,使整个内容的边框看起来更为整体舒服。

我们常会设计到双行文字的列表,QQ的设计是120px,随着设备屏幕的变大,更加注重了页面的留白。为了加强内容的突出性。我在设计中高度设定为130px

 


再往深的走,界面中还会有其他的信息。如时间、消息气泡等。它们的对齐模式会根据字号大小进行控制。

为了保证内容阅读的舒适性,字号大小不一致的文本我们还会用到居中对齐的方式(比如,上图中的主标题和时间的对齐方式),让内容显得更为规整。

总之,以内容为中心的设计能让用户快速找到想要的。使用正确的对齐和间距,能让界面更为整齐,信息更为明确。

好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的基础的常用对齐技巧心得解析分享的全部内容了,各位看到这里的软件使用者们,小编相信大家现在那是非常的清楚了技巧心得了吧,希望小编上面的对齐的技巧心得能够给各位软件的使用者们带去有用的帮助。

时间: 2024-09-05 09:15:42

photoshop基础常用对齐技巧心得分享一览的相关文章

photoshop树滤镜使用技巧心得分享

给各位photoshop软件的使用者们来详细的解析分享一下树滤镜使用的技巧心得. 分享一览: Step 1.首先是滤镜的打开,灰常简单了,就是从菜单滤镜>渲染>树-,如下图所示1.2.3,三步打开.   <点图片看大图>www.16xx8.com Step 2.打开滤镜面板后,可以看到左侧为实时预览图,右侧为操作区,从上到下分别是: 预设区:顾名思义就是一些设计好的"树"的参数 参数区:分基本和高级,决定了"树"长什么样   <点图片看

photoshop三个日系常用调色技巧心得

给各位photoshop软件的使用者们来详细的解析分享一下三个日系常用调色的技巧心得. 心得分享:   这张照片中,我觉得有三个后期特征很值得注意,似乎之前也没有遇到过类似的案例. 一.天空的形态 大家注意观察这张照片中的天空部分,它并不是我们常见的天空形态,而是像被糊上了一层青色,并且它的影响范围仅仅局限于画面的上半部分,并没有延伸到画面整体,形成的是一个线性渐变效果. 二.马路的色彩 这张照片中马路的色彩呈现出明显的蓝色,但是墙壁部分受到蓝色的影响则较小. 三.整体的色调 画面整体的色调偏冷

Photoshop性能优化技巧心得分享

给各位Photoshop软件的使用者们来详细的解析分享一下性能优化的技巧心得. 教程分享: 一.文件大小和尺寸 作为一名UI设计师,笔者通常使用的文件格式就是PSD,为了确保图像的兼容性,Adobe对PSD文件的大小限定为最大2GB.当PS运行变慢的时候,你第一件要做的事情就应该是检查文件大小.如果你的应用的每一屏都在同一个PSD里面,文件大小可以非常快就确定下来,尤其是你还要添加图层组合的时候. 在Photoshop CC 14.2以后的版本,PS中新增了"链接到智能对象"功能,该功

Illustrator矢量设计软件使用技巧心得分享

给各位Illustrator软件的使用者们来详细的解析分享一下矢量设计软件使用的技巧心得. 分享一览: Illustrator做的字体怎么变弯曲与路径 工具栏上的文本工具是一个工具组,左键单击文本工具不放可以弹出他的组工具,里面有路径文本工具. 使用方法:先利用钢笔工具或者其他图形工具,像你给出来的图就用圆形工具画出圆,然后用路径文本工具,当鼠标移到圆边上的时候有有反应,点击就可以输入文字了,其他路径方法相同! 另外在菜单栏的文本菜单里有路径文本,当成功创建路径文本后,子菜单生效,里面有路径文本

Illustrator辅助线和标尺使用技巧心得分享

给各位Illustrator软件的使用者们来详细的解析分享一下辅助线和标尺使用的技巧心得. 分享一览: 1 加速列印输出速度 对于使用Illustrator从事创作的人来说,经常会使用色票面版来简化填色的工作. 但是过多的色票却是会减慢列印输出的速度,因此当您在储存档案或者在列印之前 最好先将一些没有用到的色票或笔刷删除,以增快速度.删除的方法是:点选色票面版或笔刷面板右上角箭头,然后在弹出式菜单中选取「Select All Unused」, 然后再选择删除即可. 2 快速产生背景图层 当您利用

Illustrator绘制色相环技巧心得分享

给各位Illustrator软件的使用者们来详细的解析分享一下绘制色相环的技巧心得. 分享一览:   补充一下,封套选项那里,勾和不勾会出现下面情况,左边是有勾选的   另外一种方法   先来看看最终的效果图:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的绘制色相环的技巧心得解析分享的全部内容了,各位使用者们现在看到这里了是非常的清楚了制作方法了吧,那么大家就快去按照小编上面的教程自己去试试效果吧.

一直播怎么上热门 上热门技巧心得分享

给各位一直播软件的使用者们来详细的解析分享一下一直播APP上热门的技巧心得. 分享一览:   首先用户需要通过实名认证之后才可以进行直播,当然想上热门,有一点很重要,进行达人认证吗,这样开直播关注度会高一些. 然后就是在开直播之前分享到自己的社交平台上,让好友知道你在直播,可以进入到你的直播间,增长人气,最后就是直播过程中需要粉丝给你送礼物,不断的刷礼物就是在刷热度! 好了,以上的信息就是小编给各位一直播的这一款软件的使用者们带来的详细的一直播APP上热门的技巧心得解析分享的全部内了,各位看到这

Illustrator五星和圆形图案的连接技巧心得分享

给各位Illustrator软件的使用者们来详细的解析分享一下五星和圆形图案的连接技巧的心得. 分享一览:       好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的五星和圆形图案的连接技巧的心得解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是很清楚了绘制方法了吧,那么各位就快去按照小编给大家分享的教程自己去试试效果吧.

佳能50D相机拍摄人像技巧心得分享

给各位摄影爱好者们来详细的解析分享一下佳能50D相机拍摄人像的技巧心得. 心得分享: <拍摄数据> 相机:EOS 50D 镜头:EF 50mm f/1.2L USM 光圈优先自动曝光(F1.6,1/320秒) 白平衡:自动 ISO 200 照片风格:标准 步骤1:将相机固定在三脚架上,以便更好使用明亮的镜头 在窗边拍摄人像时,适合使用最大光圈明亮的定焦镜头.透过窗帘射入的窗边光线看起来虽然很强,但实际上光量是比较小的.而且室内的背景往往比较繁杂,为了使背景产生虚化以简化构图,也应该使用虚化柔和