网站导航

成功案例

当前位置:主页 > 成功案例 >
小图标大心机 4招UI神技助你拉开段位!
时间:2021-08-15 19:57 点击次数:
本文摘要:通过聚焦于工具的基本特征来淘汰图形设计细节的数量。只管保持设计的提要性 因为设计提要性的在差别的界面和分辨率都可以举行转换。 (苹果iOS和Google 安卓图标) 合适尺寸 动画效果可以表达清晰功效的目的而且可以缔造用户愉悦体验。对于形态改变的情况使用动画效果可以缔造更好的动态体验。 (音乐图标缩放清晰) (实际目的尺寸=视觉目的尺寸+填充 图片:Microsoft) 图标设计应该保持视觉统一你决议用于你的产物的图标应该保持统一样式。

亚博app

通过聚焦于工具的基本特征来淘汰图形设计细节的数量。只管保持设计的提要性 因为设计提要性的在差别的界面和分辨率都可以举行转换。

(苹果iOS和Google 安卓图标)

合适尺寸

动画效果可以表达清晰功效的目的而且可以缔造用户愉悦体验。对于形态改变的情况使用动画效果可以缔造更好的动态体验。

(音乐图标缩放清晰)

(实际目的尺寸=视觉目的尺寸+填充 图片:Microsoft)

图标设计应该保持视觉统一你决议用于你的产物的图标应该保持统一样式。

——实验使用用户熟悉的icon

理想情况下它们看起来应该是一位设计师设计的。以下是你需要遵循的关于缔造统一性的几条原则:

图标设计即icon设计在界面设计中占有很重要的位置一个好的图标可以让用户“一秒即懂”如何设计出优秀的图标这篇文章给你解答。

观察研究检查你的竞争对手所用的图标。

——不要使用有歧义的icon

可以通过插画、颜色以及图标转达品牌个性。如果做得好图标肯定可以增强设计的美感。

几个简朴的规则可以资助你制止使用不能转达其寄义的图标。

——测试icon的寄义表达

一致性是设计中的关键原则。

一致性设计是一种直观设计。

请测试你的图标!

【5秒钟原则】是一种测试图标的有效方法。

亚博app安全有保障

问问用户他们希望这个图标代表什么?如果需要花费5秒钟以上去思考这个图标那么这个图标就不行能有效地转达其意义。

——测试icon的可拓展性

优秀的图标即不用阅读标签或文字提示就可以被认知明白。

图标必须第一时间转达最重要的信息。当图标不能够连忙表达出所代表寄义时它就会酿成一种“视觉噪音”失去了图标存在的意义。

——给生疏的icon附上标签文字

如果你还是想要使用特殊的图标可以思量在旁边给图标附上文字标签。

总结

——不要重新界说icon的寄义

易识别

视觉舒适

限制颜色使用数量使用不凌驾3或4种颜色保持设计简练。

亚博app

应该制止使用有多重寄义的图标。举例来说“心形”图标和“星星”图标都可以作为【喜欢】或将内容【收藏】起来。当一起使用时很可能造成用户滋扰。

通常来说为你的项目寻找一个合适的图标并不容易。这就是为什么我分享这个资源列表来让这个任务变得简朴。我会定期更新列表以便你可以找到更有用的资源。

很长一段时间Google Docs使用的图标看起来就像一个汉堡包。

大多数界面使用类似的图标来表现主导航菜单但Google重新界说了它的寄义并将其用作“退却/返回”操作。当用户点击此图标时他们会被重新引导到Google文档主页。

KISS原则适用于所有UI元素包罗图标icons。保持图标的简练性而且遵循以下两条原则制止没须要的庞大性:

纵然意义上的细小区别。


本文关键词:亚博app,小,图标,大,心机,4招,神技,助你,拉开,段位

本文来源:亚博app-www.andyoumagazine.com

如果您有任何问题,请跟我们联系!

联系我们

Copyright © 2009-2021 www.andyoumagazine.com. 亚博app科技 版权所有 备案号:ICP备80528953号-2

地址:山东省济宁市杭锦后旗化远大楼870号

在线客服 联系方式 二维码

服务热线

0159-59191295

扫一扫,关注我们