广告人干货库 广告人干货库
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方
  • 注册
    登录
立即登录
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方
🔥广告公司导航    🔥方案库    🔥案例库    🔥加VIP会员    🔥4A公司招聘
🔥广告公司导航    🔥方案库    🔥4A公司招聘

简单实用,快速提升UI水平的8个技巧

佳雯6 年前

在UI的设计过程中,有很多技巧并不需要很深厚的设计知识,但是它们能让你的UI和网页界面看起来有明显的提升。文章对相关技巧进行了总结,内容较为基础,但简单易用,看完说不定马上就可以用到项目中,与大家分享。

想要做出一个漂亮、可用、 高效的UI需要时间,其中还需要经历多次设计迭代。不断的进行调整,直至你的客户,用户和自己都真正满意,我知道,有时候这很不容易。

但是这些年来我发现,还是有一些实用技巧,通过一些简单的调整就可以快速提高设计质量。

这些技巧易于执行,不需要花费太多努力,不仅有助于提升你正在做的设计,也希望提供一些普遍设计原则应用到下一个项目中去。

01 大段文字,尝试弱化文字重量

对于大段的文字内容,整体看起来会比较有视觉压力的,有时候运用正常文本字重看起来依然有些沉重。

通过选择深灰色(#4F4F4F)之类的颜色可以轻松优化这个问题,使得文本看起来更舒服些。(彩云注:尽量少用纯黑)

简单实用,快速提升UI水平的8个技巧-广告人干货库

02 字体大小越小,相对行高就要设置的更高

当减少字体大小时,增加行高能达到更好的可读性。当字体大小变大时,同样的,减少行高会更好。

彩云这里解释下,这里所说的行高是指相对于文本本身来说的,比如使用36px的文字,其行高建议使用46px,这个增量就是10;那如果使用18px的文字,其行高推荐使用32px会比较合适,那么此时相对于文本的大小来说,其增量就是14px。那所谓的字体大小越小,行高相对越高就是指的这个增量。

简单实用,快速提升UI水平的8个技巧-广告人干货库

03 减少配色数量,提升一致性

不要总是用多种颜色来填充你的设计。

如果项目允许,简单地使用少的配色。通过选择一个基础色,然后使用色调和阴影,可以简单快速地增加设计一致性。

(彩云注:配图中的图片色调都与主色调进行了统一,也就是指的同色系的颜色来配色,有时候会得到更好的效果)

简单实用,快速提升UI水平的8个技巧-广告人干货库

04 突出重要元素,明确优先级

通过结合使用”字体大小“,”重量“和”颜色“,可以很容易地在UI中突出最重要的元素。

通过将界面中的元素优先级进行强化和简单调整使得用户体验变得更好。

彩云注:明确的信息优先级会使得界面更易于阅读,也利于产品信息的透传。时刻记住:信息传达要足够清晰,而不是模棱两可。

简单实用,快速提升UI水平的8个技巧-广告人干货库

05 确保图标有相同的视觉风格

在UI中使用图标时,要保持一致性。确保他们共有相同的视觉风格,相同的重量,填充和描边。

不要混搭。

简单实用,快速提升UI水平的8个技巧-广告人干货库

06 让行动按钮成为界面中最突出的元素

你可能觉得这应该是常识,对吧?但有时候设计的时候可能又是另一回事了。

通过色彩对比、大小和样式,确保按钮尽可能的突出。

如果可以的话,不要总是只依赖图标。如果可以使用文字,那就使用上文字,带文案的操作能让用户更好的理解。

简单实用,快速提升UI水平的8个技巧-广告人干货库

07 为表单错误增加额外的视觉帮助

在用户刚刚执行的操作附近添加一个错误消息是一个简单但很有帮助的额外视觉帮助,用户可能会以各种方式来填写表单。

好的用户体验就需要积少成多。

简单实用,快速提升UI水平的8个技巧-广告人干货库

08 凸显菜单中最常用的操作

当设计一个在应用内部使用的菜单时,确保能突出显示常用操作,比如上传图片,添加文件等等。

简单实用,快速提升UI水平的8个技巧-广告人干货库


简单实用,快速提升UI水平的8个技巧
0
分享
佳雯 编辑
文章 394评论 0



本文版权均为原作者所有,如有侵权请通知删除;本平台仅提供信息存储空间服务。
文章为作者独立观点,不代表平台对观点赞同或支持。



本文版权均为原作者所有,如有侵权请通知删除。
本平台仅提供信息存储空间服务;文章为作者独立观点,不代表平台对观点赞同或支持。
佳雯
编辑
公众号:广告人方案库
394文章
0评论
27获赞
找工作

👉 想跳槽,要涨薪,找工作,就上4A招聘

热文推荐
TOP1
宜家:如果无法前往赛场,就把赛场带回家
2 周前
TOP2
名创优品《快乐老家》——用“利他营销”重塑品牌情感连接的创意范式
4 周前
TOP3
蒋奇明被优酸乳「喂」到上头
2 周前
TOP4
不搞碰瓷搞“碰杯”,一台制冰冰箱,推着广告牌上街“偷感”整活
4 周前
TOP5
线下事件新玩法:谷粒多让于适扛着“小绿砖”满城跑
7 天前
方案怎么写,扫码来干货库看看
  • 方案库
  • 加 VIP 
  • 用户评价
  • 行业报告库
  • 关于我们
Copyright © 2026 广告人干货库. Designed by nicetheme. 网站地图 川公网安备51015602000692号 蜀ICP备2023018979号