UI设计技巧

一、用户头像
关于用户头像的区域，如果采用昵称向上对齐，ID向下对齐的方式，两块内容就会很分散，不够聚焦。如果头像和背景的颜色有一部分接近或者颜色一样，看起来会感觉头像好像少了一块，例如左图。为头像框添加描边，让头像更有整体性，还可以让文案对比更明显，页面看起来也会更精致。天津天迅达科技有限公司拥有成熟的UI设计经验和软件开发经验，专门负责定制发各种软件产品，可以让你随时拥有一款精致好用的软件产品。

二、按钮
当页面上出现了两个按钮时，可以通过不同样式的权重来引导用户的操作，例如将想要用户点击的按钮给予鲜艳的底色，而另一个按钮则没有底色。

如果单个按钮的弹窗背景为白色，页面就会出现许多空白的地方，这样会使页面变得空旷，所以为背景丰富细节，增加耐看的程度也是一个不错的选择。

登录板块，在用户未输入的状态下，登录/注册按钮呈现置灰状态，给人不可点击的感觉。输入信息后，激活登录按钮高亮状态，这样可以更清晰地引导用户操作下一步。

三、卡片设计的排版技巧
关于投影的使用技巧，尽量选择颜色微浅或者和卡片颜色相近的投影。左图的投影使用比较深的颜色，会让画面太过沉重。

当卡片上有过多的小标签时，可以加一个淡色的底，这样不会给人文案很多的感觉，整体视觉不会很分散，且层级更加分明，让用户更快速的找到自己需要的信息。

尽量不要将文案直接加在图片上时，要去对应地处理图片，例如给图片加一个蒙版，这样就不会导致文字的颜色和图片叠加在一起看不清的情况。

四、文字排版技巧
文字行间距的把控，对于较大的文字，行间距通常来说采用文字大小1.5倍的间距，文字较小时使用1.2倍的间距会比较合适。通常情况下，我会设置比1.5倍还大一些的间距，文字行间距太小不易于用户阅读，可适具体情况而定。

对于导航选中的栏目，选中的信息显示和其他的栏目对比要拉开。对比弱的话，用户一眼看不出来当前选择的导航栏目是哪一个。针对选中的栏目，可以根据品牌形象去做延展，建立品牌认知感。

当文案标题需要加硬投影的时候，亮字下应该加颜色较暗的投影，例如右图。如果亮字下面的投影颜色还是很亮，会出现标题文案识别不清晰，对比度不足。

以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~

天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。

标签：天迅达科技 天津APP开发 天津网站建设 网站建设