体育APP下载-首页

咨询热线

400-123-4657

Classification

新闻动态

400-123-4657
传真:0561-64883285
手机:15495706792
邮箱:admin@ahliu.com
地址:新疆维吾尔自治区博尔塔拉蒙古自治州曲麻莱县洛筑大楼786号
当前位置: 首页 > 新闻动态 > 行业资讯

图标怎么设计才气更受接待?-体育APP下载

发布时间:2022-06-22 丨 浏览次数:633

本文摘要:

这里需要注意一般都是在图标的接口处举行层叠处置惩罚从A到B的一个线性渐变。

这里需要注意一般都是在图标的接口处举行层叠处置惩罚从A到B的一个线性渐变。

本文只是抛砖引玉这些图标处置惩罚的技法并不是能适用所有场景。

大家还是需要凭据自己产物特征找到合适的突破点去设计。

其他思路延展示例:

很是重要的一点需要注意不识别度问题。如左侧图图标和配景之间险些融为一体看不清主体元素。

右侧处置惩罚恰好能够识别出图标寄义。

这种比力好用将图标举行抽象放大化处置惩罚酿成一种图形方式。

一般运用在卡片设计上面居多。

顾名思义图标之间有纵深前后关系通过这样去处置惩罚可以让图标条理富厚增加设计细节打破枯燥无味的单色扁平图标。

层叠手法


图标怎么设计才气更受接待?-体育APP下载(图1)

如那边理这种图标?


图标怎么设计才气更受接待?-体育APP下载(图2)

单色弱渐变透明图标


图标怎么设计才气更受接待?-体育APP下载(图3)

处置惩罚时候一定要注意透明度的关系固然也与卡片配景色有关系。

最近发现一些能提高图标细节和高级感的小技巧今天与大家分享下这几种气势派头的设计思路以及需要注意的点。从以下3个方面去剖析图标的盛行画法!


图标怎么设计才气更受接待?-体育APP下载(图4)

使用建议:运用在面形图标效果会更好些或者线条粗一些的图标一般运用在TabBar上面居多。


图标怎么设计才气更受接待?-体育APP下载(图5)

3.单色弱渐变透明图标

如图我将前面两个思路综合运用图形化配景和层叠图标。这里的图形希望大家不要乱用只管使用图标的图形来演变。

下面来看看案例:


图标怎么设计才气更受接待?-体育APP下载(图6)

1.层叠手法


图标怎么设计才气更受接待?-体育APP下载(图7)

原文地址:功夫UX(民众号)

图标通过弱渐变透明处置惩罚其思路有点类似第一个。可是这个方法图标整体带透明度的规模更大。


图标怎么设计才气更受接待?-体育APP下载(图8)

分享纲领:


图标怎么设计才气更受接待?-体育APP下载(图9)

Atlassian的品牌图标系统

重新将图标举行图形化处置惩罚既能够表达当前寄义同时设计上细节和品质感有所提升。

通常大部门人设计一个图标就直接将图形画出来后这样就完事了没有继续深入下去。

这样图标看着枯燥乏味普通了一些。

体育APP下载

先来直接看个案例:


图标怎么设计才气更受接待?-体育APP下载(图11)

左侧卡片上面图标直接使用描边效果。卡片内里虽然加了一些底纹图形可是整体效果略显平庸了一些。


图标怎么设计才气更受接待?-体育APP下载(图12)

2.图标图形化


图标怎么设计才气更受接待?-体育APP下载(图13)

固然另有一种类似的思路可以将图标举行放大化并举行色彩支解处置惩罚为配景前景放图标和文案等。

作者:功夫UX

写在最后

这种图标给人比力新颖的时尚感条理也富厚。

如上图将图标在接口处举行细节弱透明度处置惩罚那么效果就完全纷歧样了。

关于图标设计三个小技巧可多看几遍思路比力简朴直接。固然最重要的是灵活运用也可以将三个思路都融合起往复设计图标。

图标图形化


本文关键词:体育APP下载

本文来源:体育APP下载-www.ahliu.com

Copyright © 2003-2021 www.ahliu.com. 体育APP下载科技 版权所有
电 话:400-123-4657    手 机:15495706792   传 真:0561-64883285    E-mail:admin@ahliu.com
地 址:新疆维吾尔自治区博尔塔拉蒙古自治州曲麻莱县洛筑大楼786号
ICP备22440370号-5

扫一扫关注微信公众帐号

免费咨询 投诉建议