深入浅出：逐步掌握图标设计制作的艺术 (深入浅出进阶篇)

深入浅出：逐步掌握图标设计制作的艺术（深入浅出进阶篇）目录前言图标设计原则图标设计工具图标设计流程图标设计技巧用于图标设计的资源常见问题解答结论前言在当代的数字世界中，图标无处不在。它们出现在网站、应用程序、社交媒体平台和各种设备上。有效的设计图标可以增强用户体验、清晰地传达信息并建立品牌的视觉标识。本指南将深入探讨图标设计制作的艺术，从基本原则到高级技巧，帮助您逐步掌握这一至关重要的设计领域。图标设计原则清晰度和简单性：图标应该是清晰易懂的，即使在较小的尺寸下。使用简单的形状、线条和颜色。一致性：图标应遵循一致的视觉样式，包括形状、大小、颜色和阴影。相关性和特定性：图标应与它们代表的概念或功能相关。它们应该提供特定信息，而不是模棱两可。可识别性：图标应易于识别和理解。避免使用模糊或抽象的图像。可扩展性：图标应可以在各种尺寸和分辨率下清晰显示。图标设计工具矢量编辑软件：如 Adobe Illustrator 或 Sketch像素编辑软件：如 Photoshop 或 GIMP在线图标生成器：如 Iconify 或 Flaticon图标库：如 Noun Project 或 Material Design Icons图标设计流程1. 明确目标：确定图标的用途和要传达的信息。
2. 收集灵感：研究现有图标，寻找灵感和最佳实践。
3. 绘制草图：在纸上或数字画板上绘制图标的粗略草图。
4. 数字化：使用矢量编辑软件或像素编辑软件数字化草图。
5. 调整和优化：优化形状、线条和颜色，以确保清晰度和一致性。
6. 导出：以适当的格式导出图标，例如 PNG、SVG 或 ICO。图标设计技巧使用负空间：利用负空间（图标周围的空白区域）来创造视觉对比和清晰度。应用渐变：慎重使用渐变来增加深度和纹理。添加纹理：细微的纹理可以增强图标的细节和真实感。保持一致的笔画粗细：使用一致的笔画粗细可以营造专业且连贯的外观。利用阴影和高光：阴影和高光可以为图标增添深度和三维效果。用于图标设计的资源Noun Project：一个包含大量免费和付费图标的社区平台。Material Design Icons：Google 创建的一组免费和开放源代码图标。Flaticon：一个提供各种免费和付费图标的大型数据库。Iconify：一个允许您下载和自定义各种图标的在线服务。Iconfinder：一个拥有庞大图标库的流行市场。常见问题解答图标应多大？图标的大小取决于它们的用途和显示的位置。一般来说，16×16 像素到256×256 像素是一个合适的范围。我应该使用什么颜色？图标颜色应遵循一致的调色板，与品牌标识或应用程序主题相匹配。我应该使用哪种文件格式？SVG（可缩放矢量图形）是图标的理想格式，因为它可以适应任何尺寸而不会失真。PNG（便携式网络图形）也是一个常见的选择，适用于较小的尺寸。我可以使用第三方图标吗？使用第三方图标可以节省时间和精力，但请务必检查许可条款以确保您有权使用它们。结论图标设计是一门工艺，需要练习、耐心和对细节的关注。通过遵循本指南中的原则、使用适当的工具和掌握高级技巧，您可以创建有效的、引人注目的图标，增强您的数字设计并实现出色的用户体验。记住，图标设计是一个持续的过程，总会有新事物可以学习和探索。继续探索、实验和挑战自己，以提升您的技能并创建真正具有影响力的设计。

扁平化设计风格海报-如何从零开始学习图标设计

一篇文章，助你看懂艺术流派和设计风格

虽然现在的设计大多是快餐式呈现在大众面前,但是这其中也凝聚了一批批设计师的创意和想法,引领了一个又一个设计潮流,从拟物到扁平再到如今的轻拟物,已然经历了一个小小的轮回,然而这些设计风格的形成,像极了几个世纪前的艺术流派。本文将对几个艺术流派和设计风格进行横向分析,找出他们的相似之处,目的是为了启发大家,从经典发掘闪光,并将之注入到设计中,如果运气好说不定还能开创一个全新的设计趋势哦。

艺术流派和设计风格

为什么会说艺术流派和设计风格非常相似呢,首先我们来对比一下他们的产生及运营方法,这里做了一个表格来简单表述艺术流派和设计风格这两个概念:

我们不难发现,尽管间隔几个世纪,他们的产生和运营方式却非常相似。虽然设计不能被称为纯粹的艺术,但不能否认他们是有内在联系的。也许拟物→扁平→轻拟物这些设计风格的演变和几个世纪前的艺术家们并没有半毛钱关系,但是罗贝尔托·隆基说过:“艺术作品永远都不是单独存在的,它永远都离不开其他的艺术作品。”所以这种事情,谁又能说的清楚呢?

既然说不清,那索性大胆说一说好了。

本人博览群书(《艺术流派鉴赏方法》),终于在艺术流派发展的漫长历史中,寻找到了照亮现代设计的点点星光。

它们就是:新印象主义→立体主义→抽象艺术(按照时间顺序排列)

相信大家对于这三个流派的感受多半是熟悉又陌生的,本次分享我们就从这三个流派出发,寻找他们与现代设计的相似之处,而这之后出现的新造型主义,是否会对未来设计趋势有所预示,本人虽才疏学浅,但也想分析一番。

新印象主义与扁平化设计

说到新印象主义,有这样两个作品不得不提,保罗·西涅克的《早餐》和乔治·修拉的《大碗岛上的星期天下午》。

保罗·西涅克当时在创作《早餐》时的突破点在于将分割画法和点彩融合,分割画法负责构图平衡,点彩负责视觉混合,这是一种非常理性的绘画方式。整个画面安静沉稳,可以挂在任何一个餐厅的墙壁上。

△保罗·西涅克的《早餐》

乔治·修拉的《大碗岛上的星期天下午》,本头有幸在国家博物馆看到过这幅画(可惜也不是原作),这幅画中的背景形状细致,人物轮廓规整,整体布局运用力学原理,构图稳定。打破了当时视觉原理束缚,使画面拥有全景既视感。

△乔治·修拉的《大碗岛上的星期天下午》

仔细观察这两幅画我们可以发现,新印象主义的这两位代表画家的代表作,在人物造型上与几年前开始流行的扁平化矢量人物非常相似。新印象主义绘画作品中的人物,几乎可以用基本图形分解出来。为了让大家更容易理解,本人将《大碗岛》这幅画中最右边的撑伞女子,用基本图形分解出来,单独呈现,是不是也十分优雅好看呢?

如果我们将整个作品进行分解,得到的画面会极具现代气息,好像这么久远的作品穿越时空回到我们的鼠标下。所以,分析了解新印象主义的作品,对于现在人物图形的设计会有非常大的帮助。有了这些参考,一定会让我们设计作品中的人物看起来更生动自然,具有文艺气息和艺术厚度。

再来看看我们经常在国外设计网站上看到的插图风格。

这种风格的插图越来越多的出现在Behance,Dribbble等设计师网站上,本头也曾效仿过,在开始研究艺术流派之后本头猛然发现,这类图形与新印象主义的绘画风格拥有非常相似的人物表现形式,虽然作者在画这张图时多半没有想到我们修拉老师的《大碗岛》,但如果他能吸收一些,一定能让画面更丰富有趣。

立体主义与轻拟物风格

我们来看立体主义的代表作品,乔治·布拉克的《埃斯塔克的房屋》。乔治机智的把房子和树木简化为几何形,运用颜色过渡对成群的树木和房屋进行区分,这在当时是一种介于平面与立体之间的全新表现形式。

我们不难发现,追随新印象主义之后出现的立体主义与度过扁平化潮流如今正流行的轻拟物渐变风格略有相似,不同的是立体主义存在的目的是全角度表现一个物体,而轻拟物只是粗浅的将扁平化物体扭转至45°角,再稍加一些渐变。虽然粗浅,却也符合当下审美趋势。

假如我们吸收立体主义流派的一些特点,是否能让所谓的假3D作品不那么粗浅呢?仔细观察《埃斯塔克的房屋》,乔治用非常丰富又整体的色彩表现明暗过度,而不仅仅是同色系的明暗过度,艺术作品中对色彩运用的考究,完全值得被用在我们的设计中。

抽象艺术与点线面

说到抽象艺术,必须祭出我们的抽象派大神康定斯基了。他的《玫瑰灰》与《红黄蓝》就是将点线面元素运用到极致的画作。看不懂?不要紧,康定斯基就是要我们放弃无谓的猜测、揣摩与思考,在色彩、线条的舞动中,尽情体会艺术的纯粹与美丽。但是从另一个维度去看,康定斯基又极其理性的将几何形状抽离出画面,用浮动的活跃元素体现运动效果,同时构图也非常讲究。

△康定斯基《红黄蓝》

△康定斯基《玫瑰灰》

康定斯基的作品现在看来依然充满时尚感,或许是因为点线面是构成画面永恒的元素,驾驭了点线面,就能够变化出无穷的画面。现在的招贴画,海报设计,也越来越多的运用到点线面元素,但大多不作为主体,而作为填充画面空白处的元素,即便如此,也能够提升整体的活跃感。

聊到这里,本头觉得是时候强行展望一下未来设计趋势了。

按照套路,我们首先需要一个艺术流派加持,那么在新印象主义,立体主义和抽象艺术这三个流派之后出现的新造型主义必须是不二之选。

单说新造型主义,也许大家并不熟悉,那我们来看下图:

△蒙德里安《黄,红,蓝的构成》

大家一定见过吧,蒙德里安的这幅《黄,红,蓝的构成》(其实还有黑白灰)已然成为了一个经典logo,在时尚界和建筑界纵横多年,也曾在多年以前踏足UI界,只不过最后随着某些品牌一起销声匿迹了。下图是曾经微软公司为手机系统设计的界面,配色和布局基本是仿照《黄,红,蓝的构成》来设计的,用户可以根据需要移动模块进行布局。

虽然这个设计被微软放弃了,但是,本头认为这种蒙德里安式的设计理念不应该被放弃,在移动设计已经完成了一个拟物,扁平,轻拟物循环之后,蒙叔重返战场的时刻终于到了!

大家千万不要小看这幅《黄,红,蓝的构成》,事实上,许多朋友在看到这幅画时都会产生“什么鬼,劳资也能画”的傲慢心态,为了消除这种心态,我们近距离观赏一下这幅作品。

在距离足够近的情况下,我们可以看到这幅画的每一个色块都是突出画面的,并且在不同平面上,而分割这些色块的黑线看起来就像钢条一般坚硬,色块甚至被勒出了一条毛边。所有这些细节,都是非常难临摹的。

回到这幅画本身,蒙叔看似在画格子,其实他画的是对立与平衡,他让三原色(红黄蓝)和三非色(黑白灰)形成对立,将画面分解到极致。我们可以看到,这幅画中没有任何一个部分是完全对称的,却能让观者同时能感受到一种精神上的平静和宇宙间的平衡。这些特点都和我们现在温和平淡的设计截然不同。

最后

新造型主义是在新印象主义,立体主义和抽象艺术之后出现的,它吸收了之前流派的特点并继续进化,才有了现在我们所看到的蒙德里安,那么对应到现在,我们如果想跳出拟物,扁平,轻拟物这个循环,也许可以借助蒙德里安的艺术,找到新的突破口,在界面,海报,动态图形等设计领域创造一个全新的风格,让《黄,红,蓝的构成》重新引领设计圈潮流,而看到这篇文章的你,也许就是设计界的蒙德里安。

如何从零开始学习图标设计

想要学习图标的制作,需要学习图标设计的方法以及工具,那小小的图标其实中间应该包含了很多设计知识。一组的图标需要满足产品特点和风格,而且需要有辨识性,整体需要保持统一有需要有稍许区别,让人能够看到图标就能够了解点击图标后的功能。

一、设计图标的工具

可以设计图标的工具很多,我们选择PS和AI,去学习一下这两款设计工具如何使用。

如果是初次接触PS,那我们需要了解PS的基础用法,所以下面我们会从PS界面,基本设置,新建文件,视图操作、保存,导出,移动工具去带大家一步步了解PS。让大家能够熟悉PS工具在平面设计中的常用功能及具体用法,能够使用PS进行基本的图片处理。

打开PS工具,简单了解界面的组成部分以及工具的作用。然后再去了解PS常用功能及具体用法,比如图层关系及应用、填色、魔棒抠图、选区和复制、锁套和羽化、去污点工具、修补工具、液化效果_⑹嫡健⑽淖(字符和段落)、形状裁剪、变形。

当了解PS基础功能后,需要进一步了解图层关系、抠图、钢笔工具,橡皮工具,吸管工具,画笔工具等常用工具、蒙版、滤镜,从而熟悉图层样式,具备版式排版应用、海报合成设计的能力。色阶、对比度、曲、色相饱和度、色相平衡、调色融合案例、剪切蒙版、混合模式、图层样式1、图层样式2、滤镜效果。

工具的使用最好的方法不是给出大段的文字描述,介绍每个功能,而是找具体的实例去操作,从实例的操作去学习该软件的功能。我们通过以下几个实例去简单讲讲AI的使用方法,了解AI的基本操作、AI复制、旋转、转换矢量图、AI的分割、剪切蒙版、平滑、扩展、AI路径文字、效果、形状生成器、AI渐变、立体字、AI二方连续、四方连续等。从而达到熟练结合应用PS和AI工具对素材进行处理,根据要求完成3D效果、混合效果等各种特殊效果的设计。

二、

制作图标的视频教程

掌握了设计工具,那我们来简单分享几个不同风格的图标,去看看这些风格的图标应该如何制作呢?

1、剪影图标

剪影图标大多数是单色表现,当然也有双色图标。剪影图标简洁大方、高度提炼出图标的意义,能够通过最简单的线条的表现出该图标代表的作用。看似简单的剪影图标,其实考验了设计者对于产品需求的高度提炼,突出理性与感性在功能传达上的逻辑思维。

2、扁平图标

扁平化设计风格在APP的设计中常常都能看到,那图标也不例外。所以学习扁平化的设计风格有很高的通用性,在平时设计工作中也会经常遇到。那扁平化风格其实是从iphone开始流行起来,其特点就是所有元素的边界都干净利落,没有特效、没有过多的装饰效果,组成元素简单,能够直观的传达信息。

3、临摹图标

都说学习图标设计最好的方式是先临摹,那我们选择毛线图标、毛球图标和播放器图标去看看,这类的图标是如何设计出来的呢。

毛线图标和毛球图标是两种图标的表现形式,毛线型的图标绘会将毛线针织的一针一线体现在设计中,有中温暖和温馨的感觉。如果毛线的质感运用得恰当,会让设计出彩,那毛球图标也是一样。虽然这类的图标实用性较小,但是了解一下增加一下自己的设计知识储备。

4、拟物图标

虽然现在大多数应用都是扁平化发展,但是流行是个圈,拟物化风格又在悄悄开始流行起来了。想必UI设计师们都能感受到“新拟物风格”这股风现在刮的多么凶猛了。那我们通过拟物话筒图标、拟物篮球图标、拟物伞、水滴图标、拟物甜甜圈图标的学习去紧跟这个流行趋势吧。

三、图标网站

1、阿里巴巴矢量图标库

:国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。

2、IconStore:

是一个提供一流的免费图标包素材的站点,汇集了很多优质的icon素材。

3、Flaticon:

图标设计丰富。

4、MaterialDesignIcons:

包含常用的图标,如用于媒体播放、通讯、内容编辑、连接等等。

5、LogoMaker

除了以上图标设计网站,优秀的图标设计网站还有

icons8、iOS11IconPack、IconsMind、IconStore、iconfinder、Icons|FontAwesome、徽标实验室-测试您的徽标、标志情报局-全球LOGO新闻和品牌设计趋势权威媒体(LOGONEWS)、SimpleIcons

等。

设计图标,获取灵感最快的方式还是手绘,所有图标的初稿可能都来源于图纸,再通过电脑制作反复打磨出符合产品特色的终版图标。想要做出完美的图标实际还是很困难的,这不仅需要设计的经验还需要很高的图形处理能力、想象力和逻辑思维。

图标是人机交互的重要组成部分,它具有高度的视觉化和形象化等特征,就是说图标设计师用设计的图标去抽取表达产品的功能、动作的寓意以及实现。因此,

它承载着向用户传递交互信息的任务,促使用户正确认知从而实现正确的操作。

所以小小的图标背后有大大任务,希望以上图标学习的内容能够带你了解入门图标设计,也希望你在今后的工作中能够设计出优秀的图标。

这6种常见的插画海报风格你知道吗？

2020年可以说是插画的天下

曾感动无数人的《热干面好久不见》

到最近的各种节日品牌海报

都能见到插画的身影

那插画常见的风格有哪些你知道吗?

小A将通过这篇文章

带大家了解一下插画海报的常见风格!

扁平风格插画主要由色块构成,造型几何化,外轮廓光滑,信息更加直观,能够让人一眼看上去就知道界面所传达的信息。

扁平化的界面也能够更好地实现画面的转化,网页加载得更快,因此,扁平风格插画被广泛应用于各个领域。

描线风格,是在扁平化风格之上的延伸。

在扁平化元素中添加外轮廓和描边,描线插画的外轮廓加上描边,相对于扁平化风格来说,更加地立体,可爱,往往会用在海报、引导页面、logo等之中。

肌理风格插画也叫做颗粒噪点风格,是扁平化风格的又一个分支,将页面叠加颗粒肌理,呈现出一种磨砂质感,有点像沙画的感觉,但又比沙画细腻。

主要表现形式是运用大量色块的表现,元素单一干净,肌理常叠加在元素的高光及阴影处,通过颗粒感来增加画面中的细节,画面过渡自然,立体生动,画风轻松随意。

浮世,佛语里是指“繁华又空虚的人世间”,浮世绘是将人世间的浮沉聚散不定地用绘画的形式表现出来。

浮世绘画风以传统版画为基础,强调线条及色块的平涂,色彩艳丽,以鸟、鱼和海浪等为主要表现形式。

MBE插画是由Dribbble的一位设计师创造的风格,采用黑粗线条描绘元素,除去画面中不必要的元素,色块有明显的区分,圆润可爱。和小元素配合,常用于引导页、启动页、logo等。

水彩插画是近几年比较流行的一种画法,简单的线条加上温和的色彩,宁静自然,线条简单随意,水彩插画的创造性特别强,既能够表现写实、抽象、魔幻等各种风格。

插画是我们在生活中最常见的设计元素之一

近几年逐渐成为海报设计的主流

不同风格的插画风格带给人们不同的视觉感受

你更喜欢哪一种呢?

零基础想学ui设计应该先从哪学起？

针对零基础想要转行UI设计的小伙伴，应该先了解UI设计是什么？UI设计是否有前景？再去考虑自己是否适合UI设计，最后才了解如何学习UI设计。那我们今天就按照这个思路分享一下UI设计的转行步骤。

一、UI设计是什么？

UI（User Interface），中文名“用户界面”。Ps：（网络解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

通俗来说，大家生活中的手机和电脑上使用的各种App、网页软件等产品的原型设计都来自于UI，包括页面的整体配色，按钮设计，图标设计，界面的排版都是UI设计工作的范围。

UI设计在互联网行业中是不可缺少的岗位，他需要参与需求评审，理解PRD、用户调研、情绪板梳理、交互设计等过程，需要完成产品的视觉设计、视觉评审、UI走查、验收等流程。在工作过程中，可能会组织团队成员对设计方案、项目进行复盘，这样细致的分工会把每个环节都打磨得非常到位。

总的来说，UI设计的工作不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

二、UI设计是否有前景

一个行业是否有前景，最重要的就是看市场的需求量和依赖度。

对于市场的需求量，我们随手去任何一个招聘网站看看目前正在招聘UI设计的企业有多少，就能很直观的得到市场的空缺量有多少？

对于依赖度，我们可以想想我们的生活中哪些地方用到了UI设计的产品？

日常生活中的一天，从早上用手机扫码乘坐地铁或公交，上班用手机打卡。再到办公用到各类办公软件、浏览各类网页，吃饭点外卖，下班买菜手机支付，网上购物。晚上休息刷新闻、打游戏、追剧和综艺，我们用到的这一类产品，它们的界面都是出自UI设计之手。着互联网、物联网、5G、人工智能、大数据、VR虚拟现实、人工智能等的兴起，UI设计市场并不会饱和，只是需要更多、更专业、知识面更广的UI设计师。

UI设计薪资待遇如何呢？来看看全国UI设计师平均薪资：

三、UI设计的学习流程

零基础想要转行UI，该先学什么？学习什么内容？又如何学习呢？我们将学习内容拆分出来，以周为学习周期，来分享一下UI设计的学习流程。

越简单的元素搭配，就越考察一个设计师的基础功，如果没有过硬的技术和扎实的基本功，就难以准确地传达产品自身调性和营销卖点。

我们都知道创意思维对于设计师的重要性，却也不能忽略基本功对于设计师的必要性。只有坚持不断的负重训练，扎实美术功底，才能在日后的商业实战中轻松驾驭各种风格。

第一周：手绘

手绘的重点主要是培养学员的形体结构，光感、空间的关系，这算是一个审美培养的启蒙，时下最流行的矢量插画就和手绘密切相关。

第二、三周：PS、AI基础软件的学习

从零开始学习软件，需要用实际的案例去学习，这样更加容易上手，并且UI设计的学习并不是只是简单的学习软件工具，很多在人都以为UI设计只要会了PS、AI等就可以了，其实让通过实际的案例去了解设计背后的意义即设计思维、创意理解，才是更为重要的目的。

但是只学思维也不行，我们也要加强设计的基本功，对软件完全的精通掌握，这是必须的。

第四、五周:平面构成、Logo

掌握平面设计中点、线、面，加以延伸到到Logo设计，Logo一方面是包括图形另一方面是包括字体，所以了解文字结构是非常基础的，以及如果这一阶段学的非常好，接Logo私单，价格高到不敢相信。

并且logo品牌部分学习中，要会从Logo的形式、气质、基础属性、思维方式、以及标准制图等去深入学习。一个简单的图形通过形式的变形而演变出千变万化的造型，如此多的变化还怕设计不出Logo吗？

举例：从形入手，一个圆可变实心的圆、可变空心的、可变半圆的还可变椭圆、半圆，那是不是就能联想到鸡蛋、煎蛋、荷包蛋、帽子、水杯呢？

第六周：品牌Logo定稿以及VI手册设计

这一周其重点是甲方思维思考设计，对，就是那个烦人的甲方爸爸，需要学习换位思考。

整个第一阶段的学习内容都是非常基础的，目的是培养设计思维，正所谓懂用户所想，还不能设计出好产品？

第七周：响应式网站、一屏式网站

从案例来讲述网页设计的构成、颜色、字体、功能、按钮以及设计规范、排版规范。

第八周：后台数据

除了后台设计，更多的是后台的数据统计处理，如何做到简单化、明了化。

第九周：电商设计

电商平台首页设计，每一个月各大购物平台都会有全站式的活动，活动主题都不一样，所以其实电商设计的人才缺口是非常大的。

第十周：淘宝平台详情页、后台

这一部分是可以自己去申请淘宝店、上架产品，任何学习都没有直接上手来得快。实操实练，自己去体会各大平台的规范，才会了解得更加清楚。

第十一周:C4D、Banner

进入3D训练啦，丰富视觉效果，提高就业竞争能力，多会一门技术，就多一些可能，这也是我们要为什么不断学习提升自己的原因。

第二阶段，更多的是网页的设计训练，重点掌握企业站界面设计规范和输出规范，且能够根据企业真实需求设计页面。

第十二周：用户体验、竞品分析、原型图

本周开始设计APP，通过数据分析来做竞品分析，使用Axure来绘制APP的原型图。

第十三周：图标

有意思的图标也是完整APP设计的重要一环。

第十四周：界面、胶囊

通过标志性APP来讲弹窗页、闪动页。

第十五周：界面设计

继续完成APP，并学会切图、命名、标注、打包、交接（前端小哥哥、小姐姐打不打就看这周的学习内容了）

第十六周：运营界面

营销推广性的用户思维培养，把握用户的痛点提升整体运营界面，达到营销推广的目的。这一般都是通过突然跳出来的弹窗、闪屏等，比如促销性质的页面，增加了视觉感染力，促进了用户的点击。

第十七周：交互动效

学好AE动效会非常加分，因为它可以准确的传达出你的思路，展示你想要的表达的效果。这必将成为UI的流行趋势，不想要被市场淘汰，一定要继续学习啊！

这一个阶段，可以尝试着手设计属于自己的APP，你可以选择自己喜欢的主题，没有局限性，这可以成为零基础转行的你的作品集内容哦。

第十八周：前端

大家都知道与UI设计师密切合作的是前端，那作为一个UI设计师，只有懂了前端，这样才会合作得更好，提升工作的效率。我们可以学习HTML5，学习CSS3等。

虽然是以周划分，安排得满满当当，这样学习流程适合大多数零基础的小伙伴，每周的内容如果学习的不扎实，可以适当停留脚步，因为每个人的学习能力不同，学习掌握情况不同。一定要将知识学扎实，一步一个脚印的往前走，才能真正将UI设计知识掌握牢靠。

最后，希望你通过我的分享对你转行UI设计的学习有所帮助，早日找到心仪的UI设计工作。

店铺图标logo怎么设计-如何制作店铺logo？

有哪些店名logo设计的方法？

,字母logo设计

商标以你的品牌名称为中心——包括字母标记和下一部分的单词标记——是“让你的名字出现在那里”的最佳策略。正如你所能想象的,他们确实赢得了品牌和知名度。

因为字母承载着字母商标所有的艺术责任,它们的成功取决于印刷。这是你尽情发挥你的字体的机会,大声和华丽的字体实际上为你工作。

一个重要的考虑因素是你使用的字母的形状。如果你的信件有很多平行线,你必须选择是倾向于这种美学还是用另一种风格来平衡它。字母有它们自己的圆形、矩形和三角形,所以你必须把它们融入到整体设计中。

圆形字体保留了下一章提到的圆形标志的一些特征,角字体遵循三角形和矩形形状。

较重的字体权重在lettermark标识中很常见,目的是增加字体的强度,或者仅仅是为了让字体更容易阅读。因为没有其他视觉效果可以与之竞争,你可以在空间允许的情况下让字母尽可能的大和粗体。

如果你找不到一种能准确表达你想要的字体,你可以委托设计师定制或修改字体。

最后一点需要注意的是:包含您的全名可以帮助解释未知的字母组合,或者添加带有徽标的上下文。只要记住,所有的次要文本应该是小和不显眼的,所以它不会与主图像竞争。

2.英文单词logo设计

另一种是以文字为基础的标志,文字标志是以整个品牌的名称为标志,以视觉的繁复来吸引眼球。

lettermark和wordmark标识的区别在于,字母标记是缩写或首字母缩写,而单词标记是累赘的单词。坦率地说,品牌名称越长,就越难记住。即使在logo设计之外,你的名字也值得考虑缩写。毕竟,你不能到处把美国国家航空航天局(NationalAeronauticsandSpaceAdministration,简称NASA)印在你所有的品牌材料上,但NASA是一个经久不衰的缩略语。

Wordmark标识遵循许多与上面的字母标记标识相同的最佳实践:艺术字体、重型字体、组合字体

单个字母形状等。不过,一个有趣的区别是,单词标记对小写字母更宽容。这意味着你有时有第二个选择来选择最适合你的品牌标识的单词形状。例如,an-gular大写字母F暗示着稳定性,并提供了对垂直和水平线条进行创造性处理的机会。

如果你的品牌名称是一个人的名字,那么使用签名作为商标标识并不罕见。只要确保你把它和其他的签名标识区分开来就行了。

3.图形标志

一张图片胜过千言万语,所以很多公司选择用图片而不是字母来标识。这些标志利用图标来象征他们的品牌,比如Twitter的bird或Target的Target。

您使用哪个图标取决于您。有些公司喜欢用自己的名字(约翰迪尔[JohnDeere]的鹿牌[deer]商标)来开玩笑,而另一些公司则试图用一些东西来帮助描述自己的品牌或服务(Snapchat幽灵的短暂性)。

图案标志也可以借用已有的象征主义的图标为品牌。食肉动物是那些想显得强大和/或好斗的品牌的最爱。但是,无论您使用什么图像,您仍然可以通过您使用的样式影响它所传达的内容,比如右侧示例中用于狼的线条艺术样式。

注意你的企业未来的变化,不要让你自己和你的标志。如果您的徽标只代表一种类型的产品,那么将很难推广到其他类型的产品。换句话说,带有披萨标志的餐厅在销售汉堡时会遇到麻烦。

如果你在国际上做了很多生意,考虑图形商标,因为图像可以翻译成每种语言。

与基于文字的商标一样,年轻和不知名的品牌可能也想把自己的全名放在次要位置。

4.抽象的标志

图形商标使用真实事物的图像,抽象商标使用完全原始的形状来代表其品牌。个性化的唯一限制是设计师的想象力。

因为本质上没有边界,也没有固定的路线,抽象的标志标识只能和它的设计者一样好。知道要用哪种形状和颜色,以及它们如何搭配,需要有形状心理学和颜色理论方面的经验,或者是非凡的天赋。不过,在合适的人手中,抽象的商标也可以成为图标——只要看看阿迪达斯和百事可乐的商标就知道了。

就像图形标识一样,抽象标识在国际间也能很好地工作,没有语言障碍。

5.吉祥物、卡通形象图形

根据你所创建的品牌,吉祥物的标识可以是随意的,也可以是随意的。但如果你做对了,你就可以创造一个受人喜爱的角色,活过一百年,就像Planter的花生先生。

吉祥物对以家庭和儿童为中心的印度企业最具吸引力,但随着更严肃的品牌,它们的魅力有所减弱。他们的可爱并不总是转化为正式的行业,如银行业或制造业。从好的方面来说,吉祥物为任何行业或品牌增添了额外的趣味性,因此它们可以被战略性地使用,让你的公司看起来更平易近人。

另一个问题是在不同的媒介上使用吉祥物。更详细的吉祥物不能在低分辨率的打印中使用,也不能用于有限空间的材料上。如果你在选择吉祥物标志时把这些牢记在心,那么你就在正确的道路上为你的品牌创造一个难忘的面孔。

6.组合标志(文字,字母与图形的组合)

如果您想要为您的品牌名称使用一种风格独特的字体和附带的图形标记,该怎么办?如果你想让你的吉祥物从你公司名字的字母中跳出来怎么办?本章中的徽标类型不需要单独存在—您可以混合并匹配它们来为您构建完美的徽标。

考虑到它们的通用性和自定义的便利性,组合徽标可能是这个列表中最常见的,即使它们包含了所有其他徽标类型。对于新品牌来说,这也是一个很好的过渡步骤:它可以很容易地将图片和公司名称联系起来。

如果你要把图片和文字结合起来,最好把它们都放进去。这意味着把它们真正地混合在一起,使用相同的艺术风格和颜色。设计组合标志作为一个完整的图片,而不只是两个单独的部分相邻。

7.象征

最后,我们将以最古老的徽标结束,即徽标。徽标是最传统和最容易识别的标志形式,它是代表品牌的徽章、印章和徽章。

logo要怎么做？

方法1:全名组合方法

这是目前为止最常见最实用的LOGO设计方法,代表LOGO有淘宝和天猫。直接用品牌名称设计一个企业LOGO的好处是,LOGO发布后,可以直接加强消费者对品牌的认知,让消费者快速记住你的LOGO和品牌。同时,利用品牌名称直接制作LOGO也可以避免重复、侵权等诸多麻烦。

方法2:元素替换法

这种LOGO设计在传统品牌中很常见。现代企业和公司不善于更换元素。他们在设计自己的logo时,用另一个共同的元素代替了自己的品牌,让自己的品牌也能和这个元素联系起来。通过符号元素图形和名称字体的组合,这种设计让人感觉坚韧而有活力,更适合男性品牌。

方法3:文化整合法

这种LOGO设计方法,在地域文化特色明显的企业或公司,如旅游公司、文化公司等,经常会用到。这种LOGO具有丰富的个性和人文思想的特点,对提升品牌调性有很好的效果。

方法4:符号表达

这种LOGO设计方法主要采用与表达内容有一定联系的媒介手法,如图形、元素或色彩等。传播媒介的创造力,以具象的方式表达抽象的内涵。常见的LOGO是联合利华,一个U充满了各种象征性的东西。但是这样设计LOGO,需要对品牌背后的含义进行理解、分类、总结和概括。这样才能提取出有代表性的符号元素,设计LOGO。

方法5:配色法

这种LOGO设计方法在互联网领域应用广泛,具有一定的现代性和视觉冲击力,主要是因为互联网人比较年轻,所以更喜欢视觉冲击力强的LOGO。这个LOGO的设计需要很强的审美能力和配色能力。同时,由于LOGO具有现代感,需要更多抽象的东西来代替企业品牌,让LOGO能够传达企业品牌的心情和基调。

如何制作店铺logo？

制作logo方法:

所需工具:ps

第一步,【文件】-【新建】新建一个文件,设置图像的大小,特别是要将最后一项设置为【透明】。点击【确定】后,如图,得到了一个新的图像。

第二步,点击工具栏【钢笔工具】选择自由钢笔工具,它相对于钢笔工具的线条更柔和,比较容易出效果,用自耦钢笔工具画好一个近似云朵的图案,在上方的属性栏内更改填充颜色等参数。

第三步,选择【文字】进行文字的编辑,先在蓝色云朵的下方编辑文字,然后再拖入云朵内,在软件上方可以对文字的字体、大小等进行更改,注意字体颜色和云朵内颜色的搭配,这需要点艺术细胞。

第四步,点击移动工具,上方【自动选择】处要打勾,然后就可以移动所有的图层,最后合并图层并保存,你的logo就制作完成了。

第五步,保存的时候注意保存两种,一种是Photoshop的照片,另一种保存为PNG的形式。PNG形式的保存使得背景颜色是透明的。