掌握这些小技巧,能快速改善你的UI设计

用户头像
北京/UI设计师/5年前/314浏览
掌握这些小技巧,能快速改善你的UI设计

设计老姐姐带你一步步走向大神之路

经过一番总结,我发现通过进行一些简单的视觉调整,可以快速改善你的设计稿。在本文中,老姐姐总结了一些易于实践的小技巧,这些技巧可以毫不费力地帮助你改进现在的设计。


设计小白把耳朵竖起来,上课!


1.使元素看起来更清晰


在某些元素周围使用“ 多个阴影”或非常微妙的边框(阴影要比实际阴影深一点),以使这些元素显得更清晰,更清晰,并避免出现一些脏脏的阴影。




2.统一使用一种字体


在创建图稿时只选择1字体是绝对可以的,有这样做可以帮助您产生更一致的结果。

结合使用字体粗细,大小和颜色您仍然可以产生有变化且统一的视觉效果。



3.创建大段文字时,选择合适的字体大小


对于长篇内容(例如,文章、帖子、项目说明等),我们可以根据字体选择合适的大小,不宜过大也不宜过小,因为大段的文字本身就容易使用户产生疲倦,所以我们要把我合适的大小来提升阅读效率。









4.改善用户的初次使用体验


使用户可以随时点击跳过,并将跳过按钮放在容易触及的范围内。









5.确保阴影是同一个方向


确保阴影始终仅来自一个光源。这是一个简单的错误,有时并不会引起大家的注意。其实这和画画的原理是,在同一画面里,我们所画的物体人物的面部都是来自统一光源。这样才能保证画面的统一性。










6.用细微但简单的叠加改善文本和图像之间的对比度


根据文本在图像上的放置位置,您可以选择经过尝试和测试的完整图像叠加层,也可以选择更细微的(从下到上,或从上到下)渐变叠加层,以实现两者之间的简单对比元素。






7.适度使用居中文本


尝试仅对标题文本小段落使用居中文本。一般会用在网页设计上







8.留白


适当的留白,使界面看起来更舒服。适度地使用它,但是要巧妙合理的运用。

即使只是少量的留白也可以使您的设计更有呼吸感,看起来更优美。改进设计的最快,最简单的方法之一。









9.在浅色背景上使文本变暗一点


在浅色背景下工作时,请勿使文本太浅。看起来好像很多app都在(仍然)这样做,但是我们不能仅仅为了视觉效果优秀,而是是页面的使用效率更高。






10.如果文本看起来有点沉重,请使其变亮


当涉及到长格式内容时,某些常规粗体字看起来仍然有些沉重和鲜明。

通过选择类似Dark Gray(即#4F4F4F)的内容,可以轻松地解决此问题,从而使文本在眼睛上看起来更容易些。






11.字体大小越小,行高越大


当你的字体大小越小,适当的增加行高可以更好的提升可读性。

当字体大小增加时也是如此。简单地减少线的高度







12.选择一种基础颜色,然后使用“色调和阴影”添加均匀性

您不必总是用多种颜色来填充您的设计。

如果项目允许,只需使用受限的调色板,选择“ 基础颜色”,然后使用“ 色彩和阴影”,就可以以最简单的方式为您的设计增加一致性






13.突出最重要的元素


通过结合使用Font SizesWeightsColor,您可以轻松地突出 UI中最重要的元素。

进行简单的调整即可使用户体验更好。






14.为了保持一致性,请确保您的图标具有相同的视觉样式


在用户界面中实现图标时,请保持一致

确保它们共享相同的视觉风格 ; 相同的重量,可以填充勾勒

不要混搭。









15.始终将“号召性用语”放在屏幕上最突出的位置


您认为这是常识吧?恩 我并不总是害怕。

通过使用颜色对比大小标签,确保“号召性用语”尽可能突出

如果可以的话,不要总是仅依靠Icon。如果您也可以使用文本标签,请使用'em,以实现更好的用户理解






16.为您的表格错误添加额外的视觉辅助


在用户填写任何形式的表单时,在用户刚刚执行的操作附近添加错误消息可能是一种简单但有用的额外视觉帮助。

每个小小的帮助都对吗?







17.突出显示菜单中最常用的操作


设计要在应用程序内部使用的菜单时,请确保在屏幕上突出显示最常用的操作(即,上载图像添加文件等)。







8
举报
|
8
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
Security Camera UI kit
抽象液态渐变UI背景模版
【新年UI图标】珠宝icon
盲盒APP UI设计
【新年UI图标】银行卡icon
UI通用设计素材1
拟物风质感写实UI卡片合集源文件
矢量立体简约UI蓝白图标
UI界面 组件
高级表盘系列UI源文件
科技医疗透明柜UI界面设计
【新年UI图标】影音icon
新能源APP应用UIKit
【新年UI图标】30个图标
3D渐变流体抽象矢量UI背景图
手表表盘UI系列
我的钱包-UI界面设计-app
【新年UI图标】钱包icon
钱包ui模板
智能家居中心 简约 UI设计组件库
【新年UI图标】会员icon
UI 登录界面设计模板包
高级感金属拟物 UI设计组件库
你可能喜欢
相关收藏夹
UI
UI
UI
UI
大家都在看
登录注册