高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

网页logo设计方法(推荐)3篇

2024年网页logo设计方法 篇1

色彩是我们拥有的最原始,最本能的交流方式之一。在意识和潜意识层面,颜色传达意义 - 不仅在自然界,而且在社会的技巧和我们的视觉文化中。

颜色可以设定情绪,传达情感,吸引注意力或发表声明; 利用色彩心理学和色彩可以召唤或创造的感受,是设计师最强大的工具之一。

重要的是要了解你的品牌颜色是人们认可的,并与你的品牌相关联。正是这种颜色的组合,或者人们会记住的品牌颜色 - 特别是logo。想想吉百利的标志性紫色,或蒂芙尼的标志性知更鸟蛋 (见英雄形象) - 颜色已经成为两个品牌的同义词(并且也被他们注册)。2012年,吉百利赢得了一场具有里程碑意义的听证会,赢得了其标志性Pantone 2685C的独家使用 - 用于其乳制品包装。

事实上,Color Communications的研究发现,某人对品牌的看法需要大约90秒。在这段时间内, 62%至90%的决策仅受到颜色的影响。因此,如果你对品牌的颜色作出错误的决定,那么你就会给人留下深刻的印象 - 这将是一个巨大的耻辱!以下是帮助你做出最明智决策的分步指南。

1.了解颜色的含义,以及它们如何让人感受到

色彩充满了多层意义 - 一些是基于数百万年的进化本能的原始反应形成的; 根据学到的假设,我们根据颜色和情感之间的复杂文化联系。根据一项名为“互动效果的颜色”的研究,当消费者认为该品牌的颜色“适合”该品牌 - 并在一定程度上与他们交谈时,颜色是最有效的。阅读我关于这里颜色的具体含义的帖子,但是例如 - 一家销售有辨别力的有机食品的公司,应该使用绿色或棕色的品牌而不是充满活力的黄色或酸性橙色,与加工食品相关。

2.想一想你拥有什么品牌标识你想要它代表什么

如果颜色与顾客说话,那么你想告诉他们你的品牌是什么?从我们上面讨论的关于美食家的事情开始 - 快餐行业在过去几年中经历了重大的品牌颜色重新调整,特别是因为他们想要通过颜色改变他们的品牌价值。自1955年成立以来,麦当劳一直是红色和黄色的代名词。它们是与速度和效率相关的颜色,研究也表明两种颜色都能刺激食欲。然而,对不健康的加工食品和集约化农业的强烈抵制意味着麦当劳已经经历了一个色彩重构品牌。广泛的研究发现,与快餐相比,红色与坏食物的关系更多,所以他们把颜色改成了自然的颜色 - 绿色和棕色 - 以暗示看似更健康的凭据。他们操纵我们对色彩的情绪反应,以便在潜意识层面改变我们对我们认为他们的食物是什么样的看法 - 以及它的健康程度。

3.以中性色开始

在考虑了意义之后,你可以继续思考技术性。从选择颜色基础开始,然后从那里进行外推。一到两个中性色将是你要绘制的画布。中性色可以分为“暖”或“冷”,通常定义为黑色,白色,象牙色,银色,灰色,棕色,棕褐色,金色和米色。作为一般规则 - 黑色,棕色,棕褐色,金色和米色被认为是温暖的; 白色,象牙色,银色和灰色被认为是凉爽的。

4.然后添加一到两个'pop'颜色

获得中性色后,开始添加到调色板中。这些流行色是主要的“钩子”颜色,它们将成为你品牌的代表,吸引观众的注意力以及人们将记住你的想法作为他们心中的快照(记得吉百利和蒂芙尼的)。根据你的品牌价值选择这些颜色 - 你的品牌代表什么,以及你希望它传达的内容。作为粗略的指南,蓝色和绿色等冷色调往往具有舒缓效果。温暖的色彩,如红色和橙色,活泼,充满活力,令人兴奋。通常人们会选择一种很酷的主色/中性色调,然后选择一种暖色调来使其焕发生机。

5.选择“号召性用语”(CTA)颜色

号召性用语是因为它突出而被选中的颜色。它是一种颜色,告诉观众在网站上使用按钮,链接或导航方式时该做什么。它应该是你的主要品牌颜色的补充,但在色轮的另一侧是对比色,以便给它“引人注目”的因素,让你停下来并注意。例如,如果你有一个平静的蓝色/绿色配色方案 - 那么使用亮橙色或红色作为CTA颜色可能是一个好主意,因为这仍然可以补充它,同时与一切都非常不同其他。谨慎使用它,观众将了解到这种颜色仅作为传达特定动作的手段。

在你完成这些步骤之后 - 根据你的品牌价值采用一套宽松的规则和本能感受 - 你应该想出一个最能代表您的新实体的颜色系统。祝你好运!

分享最新鲜的设计文章!提供最优质的设计服务!

2024年网页logo设计方法 篇2

我觉得你可以试试在线logo生成器,

感觉还蛮好用的,特别适合新手来设计logo。

或者你是设计师,当七大姑八姨找你设计logo时,你可以把这个工具丢过去。

平时网站上也有不少的logo设计案例分享,可以当作灵感工具。

我给大家体验了一下整体流程 可以参考一下标小智

https://www.logosc.cn/

打开官网就是很简洁的设计,点击「在线LOGO设计」,输入自己的Logo名称和口号,然后点击继续可以挑选Logo所在的行业、喜欢的颜色和字体等。

最后点击「生成」,智能系统就会根据设计美学原理,历史logo数据,和用户操作等多方数据源生成多套Logo设计方案。

和提供固定logo模板的网站区别点在于:这个工具能够根据你输入的内容智能分析搭配图标颜色字体,千人千面智能生成。

从这些方案中选择一个最喜欢的Logo,点击「编辑」即可进入编辑页面,按照自己的喜欢在字体、图标、颜色等细节上进行灵活调整,字体可以选择商用免费的,不用担心版权问题,又能满足我们想要个性化设计的需求。

最后分享,3点设计公司logo的技巧,希望能够帮助到你。01 使用抽象图形做图标

当你的品牌没有明确的行业区分和特征,比如某某有限公司,但是想要logo在各个场合都能够适用时,建议你直接选择简约通用的抽象图标,没有明确含义,但是简洁好看的抽象图形。02 汉字图形化设计

既然是中国品牌,所以直接用中文来做logo设计自然是天经地义的,这种logo的关联性比用品牌首字母更强,通常为用品牌名中的一个字或两个字与品牌相关的图形结合。使用此类logo设计手法的品牌有:北京冬奥会、中国美院、广州、广州国际品牌节等等。03 活用行业相关元素

如果品牌名刚好是某种物体,或者品牌名中的某个字是一种物体,又或者是品牌名的谐音是某种物体,那么都可以直接把这个物体当作logo图形。当然设计师需要对该图形进行设计,使其变得更美观、更特别、更符合品牌的调性。

最后,希望你能设计出满意的logo呀。

2024年网页logo设计方法 篇3

今天和大家要说的是对icon图标设计的时候的一些思考方法。

icon的话题很大,我目前把话题设定在应用层面,讨论的是icon的实际应用层面

分两个部分来说,一个是app,另一个是web。

把关于icon的问题单独拿出来讨论,似乎很没有必要,在如今的大环境中,大多数人都在做着搬运工的工作,一张电影海报都尚能抄袭,何况一个小小的icon。

但我认为,在UI设计中,细节的部分恰恰占主要的位置,大到布局的呈现,小到一个微交互的思量,判断一个人在一个领域的专业程度,就看他有没有量化当中的细节,我们都知道这个字大了,那么是大多少?

我们都知道这里看着不舒服,那么有没有具体实际的解决方案?所以,我把icon拿出来讨论是很有必要的,因为我们是设计师,我们注重细节,我们的每个设计都需要有背后的逻辑支撑,这样才能站得住脚。

首先在app的应用层面。

在GUI中的icon如何显示原创性?

众所周知,在iconfont我们可以下载到很多类型的图标,甚至包括svg,ai的源文件,如此一来,有些人在做图的时候会直接下载源文件直接用,因为设置啊,消息啊,这类的图标大家已经形成了共识,不会有太大变化。那么,原创的意义在哪里?

在手机里显示的icon一般需要极简化,这也是为什么ui设计风格从拟物化到极简化的过程。第一,手机的显示屏有限,如果icon过于花哨,会影响用户的视觉视线,毕竟除了少数以美感为主app,大多数app还是以功能性为优先。

这里有一个问题,极简不等于毫无装饰的粗鄙化,除了统一线条粗细之外,我们还可以动一些小心思,让这个小东西变得更加精致,灵巧。

Icon原创的风格在哪里表现?

我举三个比较典型的例子。

色块叠加

首先这是要根据app的整理风格而定,比如虾米,它整体改版以后显得灵动轻巧,那么它理所当然的用线性icon来契合主题。线性图标也有它特别的地方,比如最近drbbble上流行的用带透明度的色块叠加的风格就很有意思,用饱和度较高的色块去装点原本平板的线形icon。

微拟物化

而在ios11之后,有大批的app开始恢复部分拟物风格,为什么是部分呢,因为他们大多采用的不是传统拟物风,而是在扁平化的基础上做一些小阴影,小渐变,让应用简介而不单调,这种趋势越来越流行,我猜想是用户看腻了寡淡的扁平化,设计师也做腻了无趣的线形图标了吧。

渐变质感

渐变是一个神奇的手法,大多物体叠上渐变以后更加有层次感。想要渐变用的出神入化还得好好学习用色,我比较推荐在app中使用的不是那种看起来像特效的渐变,而是一个色系中的微渐变,这样的渐变会使icon看起来更加有质感,也具备层次感。

不过,风格这种东西不必纠结,就像时尚界的一句名言:时尚是一个轮回,我们要做的就是了解行业,跟紧趋势。

在web中的应用

上面我没有提到缺省页的设计,想放到web中一起来说。因为微博中icon的设计模式跟缺省页更加相似。

web也分三种类型,一种是后台设计,这种类型把视觉导引导的功能做好就可以;一种是功能类网站设计,这种类型icon跟app中差不多,以功能性为主,不需要夸张的装饰;最后一种是官网类设计,这类官网以展示为主,就需要设计师具备较强的视觉设计能力了。

一般在banner中用的是插画,在下面介绍每个功能的时候,就需要用到装饰类型的icon。因为网页上的视觉范围很大,比app大很多,如果做的过于简单,就显得单调,画面不满,这时候就要发挥icon的装饰功能。

统一化

在web上的空间较大,把icon统一化很有比较,这里不是指线条粗细的统一,而是外形,用一个圆形或是方形统一起来,看起来更有秩序。

复杂化

在web上的设计,icon需要刻意的将它复杂化一些,用很多小icon来打造一个组合,更有表现力。

猜你喜欢

热门内容