生图提示词手册
首页 视觉设计 补基础!UI图标设计原则

补基础!UI图标设计原则

图标设计原则是指做设计时要遵守的必要准则。在进行图标设计时,设计原则可以帮助设计师快速地进行设计定位。下面对应用型图标设计原则和功能型图标设计原则进行详细讲解。 应用型图标设计原则…

图标设计原则是指做设计时要遵守的必要准则。在进行图标设计时,设计原则可以帮助设计师快速地进行设计定位。下面对应用型图标设计原则和功能型图标设计原则进行详细讲解。

​补基础!UI图标设计原则

应用型图标设计原则

①可识别性。识别性是图标设计的首要原则,是指设计的图标能准确地表达出所代表的隐喻,能让用户第一眼识别出它所代表的含义,从中获得相关信息。

​补基础!UI图标设计原则

②差异性。在设计图标时,必须在突出产品核心功能的同时表现出差异性,避免同质化,力求给用户留下深刻的印象。

​补基础!UI图标设计原则

③使用栅格线。在设计图标时,使用栅格线作为设计依据,可让图标与系统保持和谐统一,更好地彼此匹配。

​补基础!UI图标设计原则

功能型图标设计原则

①表意准确。功能型图标设计的第一原则是表意准确,要让用户看到一个图标的第一时间理解它所代表含义。功能型图标在应用界面起到指示、提醒、概括和表述的作用。

​补基础!UI图标设计原则

②轮廓清晰。轮廓清晰是指形状边缘棱角分明,没有发虛的像素。在 Photoshop软件中,设置常规选项中选择“将矢量工具和像素网格对齐”复选框。这样在进行绘制时形状会自动对齐像素网格不会形成发虚的像素。以及在绘制图标时尽量使用45角,这样的斜线是最清晰的。

​补基础!UI图标设计原则

③使用图标网格。绘制图标时应随时使用48×48像素的图标网格作为绘制依据,它能有效帮助设计师掌握构图布局。图标网格将图标的绘制区域划分为若干份等大小的网格,并建立了关键线形状、绘制区(46像素)和禁绘区(2像素),让绘制图标更科学、准确和快速。

​补基础!UI图标设计原则

绘制图标分为两种情况:一是规则的,可在46×46像素的图标网格区域绘制;二是不规则的,如异形的五角星它会有一些尖角在禁绘区内。

​补基础!UI图标设计原则

需要注意的是,绘制图标并不是一味地要严格遵守图标网格去进行绘制,其实也要保持视差平衡。视差平衡是讲两个物体同样大的尺寸,但是其中的一个物体看起来明显要大于另一物体,此时需要将其中一物体进行缩小,在视觉上看起来平衡。

​补基础!UI图标设计原则

④一致性。致性指的是造型规则、圆角尺寸、线框粗细、样式、细节特征等的统一,让图标的外观整体一致。

​补基础!UI图标设计原则
生成海报
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
域名
Avatar photo

作者: AdobeEdu

AdobeEDU设计网址导航,为设计师提供无限的创意参考,欢迎大家同时关注微信公众号:UID的小伙伴们

为您推荐

4张海报设计分析,帮你快速提高审美水平

4张海报设计分析,帮你快速提高审美水平

4张海报设计分析,帮你快速提高审美水平 推荐阅读 能看出来大家非常喜欢海报解析的形式,今天依旧给大家带来的是一波海报解析...
如何用AIGC加速设计?来看京东3C数码年货节设计复盘

如何用AIGC加速设计?来看京东3C数码年货节设计复盘

    大厂实战案例!AIGC在快手电商设计中的应用 AIGC 无疑是 23 年设计师必备神器之最,...

艺术感满满的啤酒包装设计

艺术感满满的啤酒包装设计欣赏 生成海报 下载海报

香薰包装设计

香薰包装设计 生成海报 下载海报

肥料包装设计欣赏

肥料包装设计是产品营销的关键环节之一,良好的包装设计能够吸引消费者的注意力,激发他们的购买欲望,并提升产品的形象和价值。...

发表回复

返回顶部