聊聊界面中常用的对齐形式

   而且在实际设计的流程中,如果经常因为哪里没对齐被批,会影响整个团队效率,你在团队中信任度也会降低。不要迷信什么大神了,还是把自己当前水平该掌握的基础知识,拿到手,更靠谱。


  说的玄乎点是设计师的态度,说大白话就是基础不牢固,还总要建高楼。好,不念经了,说基础,希望能发挥点作用。

  一、基础操作方式

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

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


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


  PS参考线小插件-GuideGuide

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


  界面中常用对齐形式

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


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


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


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

时间: 2024-10-25 14:52:40

聊聊界面中常用的对齐形式的相关文章

交互设计实例:手机界面中常用的导航方式

文章描述:手机界面常用导航设计分析. 所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互.当要传达的信息量很少时,好办,就像Google的搜索框那样,往白底上一放就行了.但当等到信息是海量的.在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里.在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航. 明确了定义,我们就该知道,一个好的导航设计应该让用户明白: 现在在哪儿 以前去过哪儿 将

移动端界面中的版式设计原理(上)

  "我总觉得页面不太好看但是我又说不出来","我不懂设计,但是我就是觉得不协调","你觉得这好看?你的审美要加强啊"这些听着熟悉的话往往是产品和设计产生矛盾的开端.还有一种评价叫说不出哪里好也说不出哪里不好,相信很多人也有过感同身受的无奈. 其实设计本身就是一门理性的学科,审美因人而异,只有言之有理的设计才能够说服别人.当设计师拿到产品的原型开始做设计时,如果只是单纯的按照原型进行而不考虑任何规则,那么很多时候就会产生一些不协调的结果.设计完之

泛泛而谈界面中的斑马纹设计

大家好,我叫斑马纹 列表中使用两种相同的样式但颜色不同的背景,来间隔显示的内容. 当然这个释义我是借鉴<designing interfaces>来的,略有不同.我肯定承认这是一本神作,不过看了当下很多界面以及自身平时的设计之后,发现实际情况中使用的斑马纹在原来基础上通过视觉的处理有了扩展,不仅仅是一深一浅单纯颜色的配合使用. 图一:最正宗的斑马纹应用 图二:斑马纹的延伸 – 内容高度不一致的应用 图三:斑马纹的延伸 – 增加线条的分割 图四:斑马纹的延伸 – 仅使用分割线 图五:斑马纹的延伸

交互设计分析:触屏设备中常用的手势操作

文章描述:移动交互小白的学习笔记--手势篇. 此贴为零基础入门学习贴,总结和积累些基础知识~ 1.基本手势 触屏设备中多样的手势操作,都是由这10种基本手势组合演变而来. 2.常用动作 基本动作是触屏界面中最常用的动作,如打开.选择等. 与对象有关的动作是对屏幕上某一目标对象的操作,如调整图片的位置大小,选择.删除或移动一个文件等. 导览动作是对屏幕视图的操作,如切换屏幕.滚动屏幕.缩放网页等. 画图示意动作是用画图的方式来示意某些操作,这些图形最好是常见易画的图形,符合用户心理预期,如画勾表示

为什么需要在移动界面中注意隐喻设计

文章描述:是的,有些时候,我就在想这个简单的问题,而那时我的答案还是:界面是对软件应用解决方案的显性,使用图形化符号,向使用者解释它的功能与任务. 界面是什么? 是的,有些时候,我就在想这个简单的问题,而那时我的答案还是:界面是对软件应用解决方案的显性,使用图形化符号,向使用者解释它的功能与任务. 但最近一些认知却让我对这个问题有了新的回答:界面就是软件应用它本身.它不是一份对软件应用功能的图形化说明书,不是对软件应用功能与任务的图形化翻译,它就是软件应用本身,并且与之浑然天成.一个简单的问题,

ASP.NET中常用的文件上传下载方法

asp.net|上传|下载     文件的上传下载是我们在实际项目开发过程中经常需要用到的技术,这里给出几种常见的方法,本文主要内容包括:1.如何解决文件上传大小的限制2.以文件形式保存到服务器3.转换成二进制字节流保存到数据库以及下载方法4.上传Internet上的资源 第一部分:    首先我们来说一下如何解决ASP.NET中的文件上传大小限制的问题,我们知道在默认情况下ASP.NET的文件上传大小限制为2M,一般情况下,我们可以采用更改WEB.Config文件来自定义最大文件大小,如下:<

为什么CAD界面中显示问号乱码

你曾经遇到过AutoCAD界面中显示"?"的问题吗?这是由于输入法设置导致的! 笔者就在前几天遇到了这种问题,根据我使用AutoCAD的经验,一般碰到这个问题都是字体不匹配的原因,下面就请和我一起来分析解决这个问题. 如下图,在CAD的[任务栏]里和弹出的[选项]对话框里显示的都是"?",这种情况很少见. 回忆昨天,使用正常,在昨天到发现出现这种问题之间,由于计算机中了病毒,就重新ghost了一个以前的操作系统.之后就是装了一些常用的软件,没有什么大的比较错误的操作

用VC++在单文档界面中创建多视图

一个单文档界面中存在多个视图,并且可以根据需要进行视图的动态切换,这是当前比较流行的界面风格,它可以满足许多用户在操作和显示方面的需要.这种界面风格的主要代表软件是Outlook Express.而用VC++实现这种风格的界面有一定难度,笔者就这个问题进行了研究,并归纳总结出两种实现方法(这些代码都在VC++ 6.0下调试通过),使用时关键注意步骤和实现思路,不必拘泥于代码的形式. 方法一:静态创建切换法 步骤描述: 1.在窗口显示之前先将需要切换的所有的视图对象创建好,除首先显示的视图以外,其

移动端界面中的版式设计原理(下)

  上篇教程:<超实用!移动端界面中的版式设计原理(上)> 4. 留白的艺术 不单单是文字和图片需要设计,留白也是构成页面排版必不可少的因素.所有的白都是"有目的的留白",带有明确的目的来控制页面的空间构成. 常见的手法有几种,第一通过留白来减轻页面带给用户的负担. 首屏对一个应用来说十分重要,因此一些比较复杂的应用首评都堆积了大量的入口.如果无节制的添加,页面中包含的内容太多时,会给人一种页面狭窄的感觉,给用户带来强烈的压迫感,所以元素太多有时候反而不是好事.留白能使页面