Flinto UI图标设计的过程和原则

新知榜官方账号

2023-10-07 23:44:31

Flinto UI图标设计的过程和原则

Flinto设计团队设计师Peter Nowell分享了他在设计Flinto UI图标的过程和原则，包括情境驱动的设计策略、像素完美的实现、符号的使用和图标集合的设计等。

Peter Nowell表示，在设计大型应用的图标和菜单时，设计总是情境驱动的。他强调，工具栏（Toolbar）的图标大小必须一致，而且最好根据图标知道用途。这与侧边栏的图标和下拉菜单看到的图标的设计原则上有所差异。一些图标会以不同的尺寸和不同的样式重复出现在不同的地方。因此，在设计图标时需要考虑到图标是否具有通用性以及不破坏用户界面的整体一致性。

Peter Nowell还表示，他会在纸上开始设计图标，他相信这个原则。他会在纸上画下他想象中这个图标的所有可能性，譬如设计的这个图标包含了什么暗示以及图标可能需要/产生的变化。在概念设计的这个阶段上，他尽量让自己将所有的内容都写在纸上，甚至是一些不相关的想法。

在评估概念设计中的内容如何能够更好符合设计目标、已有的限制以及这个图标的情境联系时，将绘图构思和评估这两个过程分开进行是很至关重要的。在这个过程中，想象力和好奇心是加法的过程，是心血来潮的创作。批判性、实用性和需要考虑图标背后一连串所延伸出来的隐喻是做减法的过程，需要在前者的基础上进行。

Peter Nowell说，他最近还在网上授课讲述他认为在设计图标中最重要的原则。里面还包含了他是如何来评估自己的想法和草稿的。通常来说，只有一部分的设计想法会被保存到电脑里面。使用Sketch可以提高他的生产效率，但最主要的目的还是要完善和精炼图标的形式，保证每一个图标都是像素完美的。他对此具备相当大的热情。

Peter Nowell还解释了什么是“像素完美”和如何实现。他表示，像素完美意味着很多东西，它更像是一个想法而不是一个能够具体描述的特征。他说，完美的像素对小图标的可辨别度有巨大的影响。想要实现像素完美不仅仅是将设计元素的像素网格对齐，还需要消除不必要的模糊像素，并调整边框宽度/粗细来达到稍宽或者稍厚会比使用1pt的细曲线或者斜线更好。此外，重新调整和重新定位图形来获得看上去视觉舒服的图形也是非常有效的方法。

在设计图标集合时，Peter Nowell提到，评价一个好图标的原则是他是否能够与周围的元素看上去融洽。因此，设计图标集合的挑战是很大的。他表示，你会在设计一个图标集合设计到一半的时候发现你所使用的视觉隐喻不能够适应每一个这个集合里面需要的图标，这意味着你需要重新做一遍。这种情况通常发生在手势图标上。

本页网址：https://www.xinzhibang.net/article_detail-15825.html

寻求报道，请

关键词

分享至微信：

相关工具

奇妙文

出门问问推出的AI写作助理

讯飞智检

讯飞推出的智能写作SaaS工具，支持智能写作后的校对与合规审核

易撰

新媒体AI内容创作助手

HyperWrite

AI写作助手帮助你创作内容更自信

Grammarly

AI英语语法和拼写检查写作助手

魔撰写作

魔音工坊团队推出的AI智能写作工具

三个国外专业免费的调色网站

三个国外专业免费的调色网站无论制作视频、编辑图片，合适的色彩会让你的作品增加视觉冲击力，所以专业的调色技术价值非凡，一部电影或一部好的视频、图片海报，专业调色耗费少则上万，多则上百万，只是大家对专业调色这个行业知之甚少，今天网玩君就为大家分享三个国外专业免费的调色网站，记得收藏好，以后编辑视频、图片

分类标签调色网站免费

04-18 16:42

电影制作中的纹理技术

纹理在电影制作中的重要性纹理是指将详细的表面特征应用于3D模型或视觉效果元素，使其看起来更逼真。纹理对于创建视觉上引人入胜且可信的电影场景至关重要，尤其是涉及CGI、动画或特效的场景。纹理还支持叙事和讲故事，可以通过纹理设置年龄大小等属性，为故事奠定基础。纹理技术的发展历程自胶片问世以来，电影制作人

分类标签纹理电影制作CGI视觉效果微缩模型UV映射

04-18 16:42

UnrealSynth虚幻合成数据生成器-NSDT

UnrealSynth虚幻合成数据生成器-NSDTUnrealSynth基于UE5虚幻引擎开发，可用于生成合成数据集，包括图像和标注数据。可用于各种行业细分场景中目标识别任务的实施效率提高。UnrealSynth合成数据工具包内容UnrealSynth基于UE5虚幻引擎开发，目前支持YOLO系列模型

分类标签 UnrealSynth虚幻引擎数据合成YOLO模型深度学习训练数据

04-18 16:42

人工智能与音乐：谷歌的Project Magenta

谷歌的Project Magenta利用人工智能技术生成音乐和其他艺术形式，如素描、视频和笑话。该项目的目标是为人们创造新的交流方式。本文介绍了该项目的背景、发展历程和应用。在上世纪90年代中期，谷歌研究院的Douglas Eck就开始了他的人生目标：融合人工智能与音乐。二十年后，他与一支谷歌研究团

分类标签人工智能音乐谷歌

04-18 16:42

如何做好SEO优化？

如何做好SEO优化？想要做好SEO优化，得从站内优化和站外优化两个方面入手。一、站内优化1.关键词定位和分析关键词整理是SEO优化中的核心工作，一旦定下来就不建议再次去更改。站长始终要记住关键词一定要和行业、产品、领域息息相关，同时还可以参考竞争对手所做的关键词，可以利用站长工具、5118、爱站网、

分类标签 SEO优化关键词定位网站架构布局

12-11 08:19

万兴科技：营收实现稳健增长，拥抱AIGC新机遇

万兴科技：营收实现稳健增长，拥抱AIGC新机遇国元证券股份有限公司耿军军近期对万兴科技进行研究并发布了研究报告《2022年年度报告点评：营收实现稳健增长，拥抱AIGC新机遇》，本报告对万兴科技给出买入评级，当前股价为75.24元。万兴科技(300624)事件：公司于2023年4月7日收盘后发布《20

分类标签万兴科技营收增长AIGC

12-11 02:11

AI分身市场潜力巨大，万兴科技、京东等已率先布局

“AI孙燕姿”和“CarynAI”引爆市场最近，“AI孙燕姿”和“CarynAI”以以假乱真的程度引爆市场，都是通过采集本人的语音、文字、图像等素材，并通过开源的生成式训练模型进行训练而成。其中，“CarynAI”成功地借助AI技术，打造了自己的AI分身，通过付费的方式，跟AI版的自己进行交往，预计

分类标签 AI孙燕姿CarynAIAI分身AIGC技术虚拟主播数字人

12-11 02:10

万兴科技推出名师必备讲演神器“万兴智演”

万兴科技推出名师必备讲演神器“万兴智演”9月8日，万兴科技面向泛知识领域，推出名师必备讲演神器“万兴智演”。该款AI演示新品集成强大的AIGC能力、精美的行业课程模板以及动画特效素材，大大简化课件制作过程。同时，产品内置强大的录制、直播功能，通过真人实拍与演示内容相结合的形式，实现人景融合的实时演示

分类标签万兴科技万兴智演AI演示

12-11 02:09

万兴科技创始人吴太兵在2023互联网岳麓峰会上的主题演讲

万兴科技创始人吴太兵在2023互联网岳麓峰会上的主题演讲2023互联网岳麓峰会论坛上，万兴科技创始人、董事长兼总裁吴太兵进行主题演讲。红网时刻新闻记者郭雅倩甘红长沙报道十届、十年，岳麓峰会从2014年的“湖湘汇”到如今云集万人的盛会，积攒了巨大的关注度和影响力。6月19日，2023互联网岳麓峰会在长

分类标签万兴科技吴太兵岳麓峰会

12-11 02:05

樟宜机场：通过科技改变旅客体验

樟宜机场：通过科技改变旅客体验樟宜机场在智能手机上移动的小红点代表了在机场上空飞行的飞机，通过传感器的追踪获取了相关飞行轨迹。机场通过人工智能、面部识别和数据分析等技术的应用，不断提高机场运营效率，保持创新，致力于成为一个旅客体验更佳、充满活力的目的地。人工智能优化机场运营效率樟宜机场在2017年共

分类标签樟宜机场科技旅客体验

12-10 22:16