如何画好一套线性图标

作为更开始接受ui培训的我来讲,一开始以为线性图标只是一种直线和曲线的简单混搭,是一种十分简单的设计操作,根本不需要什么设计的理念。但是,当我的培训课程慢慢到一定的程度,我发现,线性图标看似简单,但里面都是设计师绞尽脑汁的灵感呀。

在UI培训里我们会接触到线性(外描边)图标,这些一般都是以纯描线方式画出来,比拟物化图标简单很多,但却很实用,特别适用于扁平化设计或是Web Icon上,线性图标可以方便转换成SVG、图标字体,体积小,支持自由缩放而不模糊,非常适合在网页或手机APP上使用。

图标的绘制过程看似简单,实则十分讲究,尤其是绘制一套完整的图标需要考虑的因素有甚多,下面给大家分享下我在趣达ui培训当中的新的感受吧:

相信大家线性设计有了不一样的看法和灵感,根据上面的内容,大家可以提前预习下ui培训课程的内容,好让自己快速上手。

Ps:尽管你还没有接受过任何设计课程,但是偷偷的看完这篇文章之后,别再说线性图标设计超简单了,会糗大了。

更多的ui培训文章--界面设计必须要权衡的三个要素

原文来自:阿里巴巴MUX

UI设计

时间: 2024-12-23 02:14:44

如何画好一套线性图标的相关文章

highCharts图标-线性图标实例

<!doctype html> <html lang="en"> <head> <script type="text/javascript" src="./jquery-1.11.1.min.js"></script> <script type="text/javascript" src="./highcharts.js"></s

一套icon图标

这段时间做了一套手机界面图标,当然了在设计过程中也借鉴了一些好的作品,设计的还有很大缺陷,我拿出来就是为了能有一些大神能够看到给予建设性的意见,方便我的提高,其中的主题英文感觉不对但是因为词汇匮乏就写成这样了,有好的英文词汇能分享也好,谢谢了,

AI线性图标教程-转起

iOS 3d touch设计的秘密

相信很多苹果的用户对这个3d touch这个功能都不是很了解,而苹果设备上的这个交互设计主要是给用户带来更多的互动维度.那苹果公司为啥要这个交互功能,那我们首先来解析一下这个设计的用法:在支持的设备上,人们可以通过按压主屏幕应用程序的图标快速选择特定的操作.在应用程序中,人们可以使用压力来获得项目的预览,可以在一个单独的视图中打开该项目,并获得相关的操作. Peek和PopPeek可以让用户在没有打开应用的情况下预览的应用所支持的快捷操作.轻压有支持Peek的应用图标可以显示一个矩形的Pop视图

轻松画图标!一分钟玩转PS路径描边

蓝蓝设计( www.lanlanwork.com)是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的 UI界面设计.BS界面设计. cs界面设计. ipad界面设计. 包装设计. 图标定制. 用户体验 .交互设计.网站建设.平面设计服务 来源:http://www.ui.cn/project.php?id=32915 如果您想订阅本博客内容,每天自动发到您的邮箱中,请点这里 作者:王铎(Micu设计)\ Photoshop的路径工具和钢笔工具,很容易被人忽视,功能很强大,一直很低调

21套非常棒的网页设计图标素材

在设计Web界面的时候,如何确保用户更方便快捷的使用是关键所在.在导航或其他一些地方使用恰当的图标既可以让网页更漂亮又可以提高用户体验和可用性.但是如果每个网站项目都要从头开始创意和设计一套图标的话,会浪费很多宝贵的时间,为什么不使用那些现成做好的图标呢(当然如果项目比较大,那是需要单独设计的.)下面暴风彬彬将向大家推荐21套国外精品图标集,适用于各种风格的网页设计项目中.彬Go曾经为大家介绍过网页设计必备的10套漂亮图标集,如果您感兴趣的话,也可以参考.感谢彬Go! Jonas Rask De

图标字体化浅谈[转]

在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化.在微社区项目中,有很多小的Icon(图标),如分享.回复.赞.返回.话题.访问.箭头等,这些Icon(图标)一般都是纯色的.开始制作时考虑用双倍大小的Sprite图,通过CSS样式设置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一旦放大屏幕后图标又变得模糊不清,测试的效果不是很理想,后来又考虑多套图标适配方案.SVG矢量图等,都因为种种原因放弃掉了(如多套

大图标+不规则几何创造不同风格

设计了一套医用图标,运用超大线性图标与不规则几何背景相结合的方式,可以发现也是一种可以尝试的方式.用超大线性图标作为内容的和信息的标识,生动易理解(这里融合卡通风味),与此同时用色彩柔和的不规则几何图形作为背景,加以衬托,提升视觉感,值得尝试,向大家推荐.          我这边设计了两套,一套是彩色的,一套的蓝色的,巧妙运用色彩的搭配.透明度的搭配,可以创作出不同效果. 将图标运用到界面上,主页面直接用大图标: 404页面小动画:

一个标签的72变,打造一个纯CSS图标库

每次要用到图标的时候都会到 icono 去copypaste,但每次用到的时候尺寸都各不一样,总是要调整参数,巨烦.当然你可以会想到用zoom.scale来做缩放,但是这样的缩放会使得线宽也变粗了,不甚满意. 终于下定心思来改造一个可缩放的图标库.github先上:https://github.com/qieguo2016/iconoo,目前提供下载link标签引入和npm+webpack的引入方式,详见项目的readme.(喂,求star!) 关于改造,一开始的想法就是使用百分比尺寸来改造,然