合肥UI培训
达内合肥ui培训中心

4001118989

合肥达内ui培训ui设计师需要掌握哪些设计技巧

  • 时间:2022-02-22 10:14
  • 发布:合肥UI培训
  • 来源:互联网

视觉设计是ui设计师需要重点掌握的一个设计能力,下面我们就通过案例分析来了解一下,ui设计师需要掌握哪些设计技巧。

合肥达内ui培训ui设计师需要掌握哪些设计技巧

1、当心机器里的「幽灵」

「幽灵按钮」通常只依赖于相同颜色的边框和标签,而缺乏填充背景色。这样的标签背后的区域是不确定的。有时候标签在白色上(是的,那很容易被看清!)。然而,在其他时候一个纯色或者细节丰富的照片都可以让标签变得很难阅读。

「幽灵」让设计师在设计高对比度的主要按钮时想要偷懒。然而,把他们称为「幽灵」是有原因的。因为很多时候它们会无法被看见。我观察了「幽灵按钮」被难以查看的图片覆盖的情况下的可见性测试。参与者看不清它们或很难阅读它们。这将会削弱或破坏我们原本打算让这个按钮实现的交互的价值。

要点:在一个系统中使用「幽灵按钮」是将你自己的设计置于为危险中。我观察到的情况表明「幽灵按钮」的表现比填充色还要差。此外,你可能只是想避免花费几个小时来倾听关于这个问题的极端设计师辩论。

幽灵按钮——即使在简单的情况下——表现也是有问题的。你想要在不可预测的背景上使用它?忘掉这回事吧。

其他按钮类型

很快,系统的用户们就需要你提供那些其他的按钮。大一点或者小一点的按钮。带有菜单或工具栏可切换的按钮。这取决于你的系统是否足够完整。

2、可变尺寸,大(或者超大/巨大/扩展)&小(或者微小/极小)

交互可以在重要的地方比如卡片元素或侧边栏模块中找到。有时,你需要在一个全屏的图片上放上一个巨大的按钮来引起用户关注。

要点:在有必要的时候调整按钮的尺寸大小,尽可能像其他的CSS类或者设计软件的风格一样简洁。此外,考虑一个更难忘的名字——比如「扩展」或「微小」——而不是一个平淡的「大」或「小」

3、区分按钮与链接

在扁平化设计的时代,像视觉系统使用了多种「扁平」按钮,来用在工具栏、对话框操作和行内文本渣。在默认状态下,按钮和链接几乎没有视觉差异。然而,一个按钮的状态和行为,与简单的锚标签相比,会带来完全不同的效果。

要点:如果你的系统使用了扁平化的版本,应该确保它的常规使用——在设计和代码中——都有别于链接。此外,这条准则应该涵盖所有复杂交互。例如焦点和被按下的状态,间距和对齐方式。

4、使用菜单和区块丰富按钮的多样性

可变的按钮可以触发相关的菜单选项来进行选择。许多系统在UI位置紧张时提供了复合式的选项,就像菜单(或下拉菜单)和分割(或分段式)按钮。

一个菜单按钮可以指示当前的选项(例如已经选择了Arial作为字体)或者打开一个独立选项(例如分享或打印)。在右侧添加一个小箭头的图标,你还可以得到一个额外的独立区域来布局一个菜单,同时左侧的区域可以触发一个独立的主要操作。

要点:你可以用菜单式的按钮来丰富你的App的选项,但需要谨慎。这样的按钮和它们的区域分割(左侧主要操作,右侧菜单)可以支持许多种情况,但这也带来了更高的开发成本和学习成本。对设计更简洁的网站来说,不要用这些不常用的替代方案来破坏了原有的架构。

5、从开关到工具栏,让按钮们工作地更和谐

按钮可以成组使用。一个按钮组常常搭配一个主要选项和一个或多个次要选项。一个开关按钮常常用来表示开关(比如粗体)或者显示一个设置菜单的选项(就像文本对齐选项的左对齐、右对齐、居中或两端对齐)。在它们广泛的用法中,一个工具栏可以把许多不同类型的按钮搭配在一起:主要的、次要的、开关、菜单、部件。

要点:当你在拓展按钮的种类时,你应该试着让按钮们在一个紧张的空间内做一个压力测试,并且尝试多种不同的组合。视觉系统的设计师们不是算命先生,没有办法预测未来。但是探索一个不同情形下的合理状态,可以帮助你避免厌恶情绪或一条道走到黑。

【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。

预约申请免费试听课程

         

上一篇:合肥达内培训ui设计师知识体系搭建都有哪些
下一篇:合肥达内培训图标设计都有哪些特性

合肥达内培训图标设计都有哪些特性

合肥达内ui培训ui设计师需要掌握哪些设计技巧

合肥达内培训ui设计师知识体系搭建都有哪些

合肥达内ui培训ui设计师能力提升方法都有哪些

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

  • 视频学习QQ群

    添加QQ群:1143617948

    免费领取达内课程视频学习资料

Copyright © 2021 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
江西省

贵州省

广西省

海南省