61阅读

从零开始学平面设计-淘宝活动页面设计思路 从0开始全面解析

发布时间:2018-03-09 所属栏目:如何从零开始自学plc

一 : 淘宝活动页面设计思路 从0开始全面解析

版权申明:本文原创作者“海参炒面的海参”,感谢“海参炒面的海参”的原创经验分享!

每一个设计的成长都要分阶段吃情深。接下来我要讲的内容是根据设计者的不同阶段来讲解活动页面的设计思路自然是设计思路,那么接下来我们要开始思考问题,01:什么样的域名算得上是活动页面 啥?这个问题问的好像有点LOW,BUT。。。。。我想说一句,但我想说很多人给的答案是——有活动感觉的页面就是活动页面啊!嗯,说不出什么概念,看这个案例不就行了。

教程结束,以上就是淘宝活动页面设计思路 从0开始全面解析的全部内容,希望对大家有所帮助!

相关阅读:

PS制作淘宝详情页及切图导出方法图解

Photoshop设计时尚大气的化妆品活动电商banner海报

教你怎么快速给淘宝女装图片去水印的方法

二 : 设计师配色宝典!教你从零开始学配色(一)

设计师配色宝典!教你从零开始学配色(一)_配色宝典

设计原则101——色彩理论

第一印象决定一切!大家都可以从各自的外表上大概看出一个人的性格。同样的,这个理论也可以延伸到设计工作里。但是影响设计工作的因素有很多,但是 第一时间被关注到的应该是颜(www.61k.com]色。颜色反映了设计的整体感觉,有时候单凭颜色就可以调度起一个人的情绪、情感甚至回忆。如果没有掌握色彩理论的基础知识,你 会发现在日常工作和生活中,你忽略掉了很多细节。

找出哪些颜色配搭在一起很美腻并不是一件偶然的事儿,这其实是一项很科学道理的工作。不同的颜色组合适合不同的作品,而且这种类似固定搭配的组合规则并不能轻易被打破。让我们从最基础的部分开始了解色彩理论吧!

原色

设计师配色宝典!教你从零开始学配色(一)_配色宝典

所有颜色的源头被称为三原色,三原色指的是红色、黄色和蓝色。如果我们谈论的是屏幕的显示颜色,比如显示器,三原色则分别是红色、绿色和蓝色,也就是我们熟悉的RGB。

间色

设计师配色宝典!教你从零开始学配色(一)_配色宝典

如果将红色和黄色、黄色和蓝色、蓝色和红色均匀混合,就会创建三种间色:绿色、橙色和紫色。将这些颜色应用进项目中,可以提供很强烈的对比。

三级颜色

设计师配色宝典!教你从零开始学配色(一)_配色宝典

三次色来源于间色与原色的混合,主要有:红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。现在,你应该了解了颜色到底都是怎么衍生出来的,也可以 了解色轮上的颜色组合都是从何而来。理解了色彩的原则将有助于在项目中选择颜色。为自己的设计选择一个合适的调性,并创建适量的对比度,让设计工作更好地 展开吧!

接下来我们聊聊基于色轮我们可以得到的基本色彩组合。

互补色

设计师配色宝典!教你从零开始学配色(一)设计师配色宝典!教你从零开始学配色(一)_配色宝典

互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、红色和绿色、黄色和紫色等。互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。

相似色

设计师配色宝典!教你从零开始学配色(一)设计师配色宝典!教你从零开始学配色(一)_配色宝典

相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有:蓝绿色、蓝色和蓝紫色;还有黄绿色、黄色和橘黄色。

三角色

设计师配色宝典!教你从零开始学配色(一)设计师配色宝典!教你从零开始学配色(一)_配色宝典

三角色也是一组颜色。是通过在色环上创建一个等边三角形来取出的一组颜色,可以让作品的颜色很丰富。在上面的例子中,蓝紫色和黄绿色就可以形成十分强烈的对比。

分散的互补色

设计师配色宝典!教你从零开始学配色(一)_配色宝典

分散的互补色和互补色的区别在于分散的互补色并不是取目标颜色正对面的颜色。拿上面的图做例子来说吧,黄色的互补色应该是紫色,但是我们取紫色旁边的两个颜色——紫红色和蓝紫色。这样子不仅可以有一个强烈的对比度,而且还可以让颜色更丰富。

四方色

设计师配色宝典!教你从零开始学配色(一)_配色宝典

四方色是在色轮上画一个正方形,取四个角的颜色。在上面的例子中是:紫红色、橙黄色、黄绿色和蓝紫色。这个颜色真的超棒的,不信可以自己用用感受一下,尤其是使用其中一个颜色作为主色,其他的三个颜色作为辅助色的时候。

四方补色

设计师配色宝典!教你从零开始学配色(一)_配色宝典

四方补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。如上图中的互补色橙色和蓝色,分别选用他们两旁的颜色来建立矩形,最终取得橙红色、橙黄色、蓝绿色和蓝紫色。

明暗

设计师配色宝典!教你从零开始学配色(一)_配色宝典

颜色的色调也可以影响颜色给人的感觉,就拿上图的蓝色来说,第一张是原图,第二张添加了白色,第三张添加了黑色,同样的蓝色产生了不同的感觉。在实际应用中,可以在采用单色配色方案时,通过改变颜色的色调来创建不同的感觉。

暖色

设计师配色宝典!教你从零开始学配色(一)_配色宝典

暖色可以创造温暖的感觉,暖色通常会让人联想起太阳、火焰和爱情。红色是血的颜色,感觉是温暖的,橙色和黄色会给人夏天的感觉。给图像添加一个橙色的滤镜,图像看起来就会有温馨快乐的感觉。

冷色

设计师配色宝典!教你从零开始学配色(一)_配色宝典

冷色也有其独特的含义,通常会让人联想起凉爽的气候、冬季、死亡、悲伤、冰、夜晚和水这些事物。冷色可以给人平静、安宁、新人、干净的感觉。紫色与尊贵经常联系在一起,看起来十分内敛。

颜色的意义

红色

红色是代表爱情和激情的颜色。情人节的礼物通常都有一个红色的盒子,或者是粉红色,也就是添加一些白色的红色。红色也代表愤怒和血液。在火焰中可以 同时找到红色、橙色和黄色。红色也表示危险,所以很多表示停止的标识牌都是红色的,因为红色可以很好地吸引人们的注意。红色是很强势的颜色,当它和其他颜 色相遇时,比如搭配黑色,可以创建非常强势的感觉。红色可以搭配一些严肃的语气和强硬的命令。

设计师配色宝典!教你从零开始学配色(一)_配色宝典

橙色

橙色代表了温暖,但是并不像红色那样咄咄逼人。橙色能够创建一个有趣的氛围,因为它充满了活力,而且橙色创造出的活跃气氛并没有危险的感觉。橙色可以与一些健康产品搭上关系,比如维生素C,毕竟橙子里也有很多维生素C。

设计师配色宝典!教你从零开始学配色(一)_配色宝典

黄色

提到黄色,经常可以联想到太阳和温暖。使用橙色的时候,可以创造出一种夏天的好玩的感觉,黄色则带给人口渴的感觉,所以经常可以在卖饮料的地方看到 黄色的装饰。黄色也可以和懦弱与恐惧联系起来,这个则是因为以前“yellow”这个词也代表着这个意思。当黄色与黑色搭配在一起时,十分吸引人的注意 力,一个绝佳的例子就是很多国家的出租车都采用这种配色。

设计师配色宝典!教你从零开始学配色(一)_配色宝典

绿色

在西方国家,绿色是钱的颜色,这与他们的文化和财富有关。因为大多数植物都是绿色的。绿色也代表着经济增长和健康。绿色经常用作一些保健食品的LOGO,因为看起来就十分贴近自然。绿色还意味着利润和收益。如果搭配上蓝色,通常会给人健康、清洁、生活和自然的感觉。

设计师配色宝典!教你从零开始学配色(一)_配色宝典

蓝色

蓝色是一个神奇的颜色,因为不同明度的蓝色会给人不同的感受、想法和情绪。如下图中所示,深蓝色可以给人一种悲伤的感觉,让人联想起伤心时怎么听都 不够的蓝调音乐。而浅蓝色则通常会让人联想起天空和水,给人以提神、自由和平静的感觉。蓝天永远都是平静的,水流可以冲走泥土,清洗伤口,所以蓝色也代表 着新鲜和更新。蓝色给人冷静的感觉,会帮助人放松下来。

设计师配色宝典!教你从零开始学配色(一)_配色宝典

紫色

紫色总是让人不禁想起皇室成员的长袍。紫色可以更多地与浪漫、亲密、柔软舒适的质感产生联系。紫色给人一种奢华的感觉,也有一种神秘感。下面这个葡萄酒网站就是极好的例子。

设计师配色宝典!教你从零开始学配色(一)_配色宝典

白色

白色通常与医院联系在一起,因为医生们都是穿着白大褂的,而且医院内部的装修通常也是白色的。此外,宗教绘画有时候也是没有色彩的,白色也代表着圣 洁。白色通常给人干净的感觉,比如白色的床单和衣服都让人感觉很干净。也可以代表棉花和柔软的云朵。心理健康相关的事物也可以选用白色,白色也同样适用于 卫生、清洁相关的设计。比如下面这个网站,就很好地利用了白色。

设计师配色宝典!教你从零开始学配色(一)_配色宝典

黑色

黑色通常与死亡有关,尤其是在美国。它可以代表腐坏,因为很多食物腐坏变质以后就是黑色的。黑色也代表邪恶,因为是白色的对立颜色,而白色通常代表 着纯洁美好善良。黑暗和未知也会给人焦虑的感觉。很多图像中,黑色表达了抑郁、绝望和孤独。虽然黑色有很多负面的含义,但是黑色也是一个万能色彩,当黑色 遇上其他颜色的时候会产生其他的意义。比如当黑色邂逅金黄色,就可以给人一种奢华、高档的感觉;当黑色偶遇银灰色,则会给人一种成熟稳重的感觉。下面的网 站就完美诠释了这一点。

设计师配色宝典!教你从零开始学配色(一)_配色宝典

总结

作为一名设计师,了解色彩是一件必不可少的事儿。在设计的时候应该慎重地考虑和选用颜色。通过不同的颜色,可以创造出不同感觉的图像。合适的组合可 以获得关注,通过视觉传达设计师所想,进一步拉近设计师与观众的距离,让图像更具力量。如果之前并不仔细考虑用色,现在开始,应该培养对于色彩的感觉。相 信客户会看到一个不一样的你,你的设计作品将会通过颜色建立联想,更好地传达信息。

原文来自:优设

原文地址:sitepoint

优设网翻译:@木草弥生

三 : 如何从零基础开始学习平面设计?


网友宫福辰[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
谢邀~

作为一个瞎画了10多年的画,只读了4年大学,工作两年的书籍设计师,不敢说太多,只当是抛砖引玉,简单的提几点(正在上班,很想答但没时间……),如果之后有时间,可以大家展开讨论。

学习设计,我姑且认为各种类型的设计,很重要的两点是对于内容与形式的把控。

内容的理解是基础性的,它和人自身的经验及阅历有关,在社会上漂的越久,对于内容的把握程度会越好。举个例子,和客户沟通了想法,如果仅仅听他当时所说,很有可能不是其真正的目的,只因为他不懂设计,不知道该怎样清楚地表达。如果是有经验的设计师,会尝试继续挖掘一些客户的潜在需求,使方向更加明确,对后期顺畅地解决问题有很大的帮助。

而形式可以说是平面设计的专业修养水平:了解多少不同时期设计大师的风格甚至设计史上的重要事件(设计史不长,还好),看过多少最新颖的设计样式,熟悉哪些设计的思维方式及设计手段,还有很重要的一点是,是否理解这些优秀形式之所以是那个样子的原因。形式上很有sense,客户会觉得你很专业,自己做着也舒服。
而形式上的能力,可以说和绘画修养有关:构图,黑白灰,色彩,材料等等;同时也和软件操作水平有关,比如平面设计就需要掌握ps、ai、indesign等等(当然其实我觉得一般闷骚或真骚的人在形式上会更有Sense)。

基于以上两点,终于可以正面回答问题了。

首先我建议从绘画开始,掌握最基础的艺考4大块(虽然很反感,但还是对设计有作用的):速写、素描、色彩及设计基础(三大构成、图形创意、材料等)。可以找个考前班,和那边谈谈价钱,学习一段时间,如果时间充裕就多呆呆,美术修养很重要。

其次,需要报软件班,这个最好是能把ps、ai和indesign都简单的学习一下,具体到不同的设计工作室用哪个软件更多说不准,软件在工作中学习是最快的,所以报班只是为了有个继续学习的基础。

在以上两项基础性学习之后,如果是好学的设计师,可以先把平面设计史粗看一下。再多到书店图书馆或网上了解设计大师们的作品,最好有详细介绍的,大师的生平,作品风格的演变等等,逐渐会发现有的大师喜欢,有的不喜欢,那自己的风格会自然不自然地偏向某些人。最后就是每天最好都看看最新的设计咨询,这些在设计网站和设计杂志上可以获得。

当然,如果能结交一些设计做的不错的朋友,进步会更快,我个人认为自己的设计更多的是在交流中进步的。

先说这些,暴写的,都不知道自己在写什么,有空我再细润色。


网友蒙面大侠[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
.
世界上有很多大山,或高或低。值得庆幸的是,平面设计,是一座高耸入云的高山。
.
在此山顶,你不仅会比站在其他高山上看得更远,而且会悟到很多做人的道理。在那里,你将成为一个有趣的人,会把很多事物都看开看透。就像原研哉说,用设计去生活。

如果说它有什么缺点呢?高是一方面。另外一方面是它把门开在了山脚下。想上山的人,只要往里踏一步,就入门了。
而像医生、建筑、电子和会计等的山峰,把门开在山的半腰上。所以,很少有人会问,我如何零基础去学医、学建筑。

在中国,随便一个学了几个月PS,上了一个星期速成班的,就称自己是平面设计师了。
这就好像说脱口秀一样,有张嘴,能说几句别人听得清楚的笑话,其实就可以去说相声了。
但相声的高山何其高啊,中国也就那么几个称得上相声大师。虽然相声不比入门主持人、播音员那么难,它们要练声,要脱稿。但是,完全不影响相声一直是门非常高深的学问。

平面设计也如此。
大多数设计都离不开平面设计。因为不论是什么设计,大多都还是得靠二维去展示,而且二维也是最简单和基础的模式。但是这也意味最简单,往往是最难的。电影可以用许多无数个分镜头去诠释同一层含义,但平面设计只有一个画面,只有一、两秒的展示时间。任何一个完全不懂设计的客户,都可以说你做得再好的设计是垃圾。
但是设计的魅力就像在于它的缺点,任何人都可以欣赏到它的美妙。因此,我一直有个偏见,如果可以把设计师这个职业做好了,那么任何工作都是可以胜任的。

说到基础,PS、CDR?一个用了PS十几年的人,说他精通不到PS的20%。但随便去市面上找找,一排都是一个星期精通photoshop。退一万步说,掌握了PS也不等于会设计。PS只是一款工具而已。画画、艺术?它们完全和设计是两码事。

你问的这个问题,带有点小看平面设计的高度。但是完全不影响你去学习。

如果说真的学设计,真的有什么必须从零基础开始的。
就是永远认为自己是零基础的。


网友自难忘[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
这个问题我之前回答过,在这里就再回答一遍吧!
首先要学会平面设计所必备的软件 Photoshop(ps) illustration(AI),还有人说
要会CorelDraw(CDR) 个人认为没有必要,CDR与AI基本都是一样的(适量绘图)。PS与AI都是Adobe公司的软件这两个软件可以完美兼容,CDR就略显孤独了。


那么如何学习这些软件呢?
1.通常大家都会建议百度一些教程不过很可惜优质的教程极少极少这个我推荐一个唯一比较喜欢觉得还比较适合初学者的渣酷账号,几乎每周都在更新教程还是比较用心的优酷网-中国第一视频网,提供视频播放,视频发布,视频搜索
2.看这些视频最多也就是掌握了软件操作而已,没什么难的。在这之后就应该去学习一下设计方面的知识了,国内的设计分析网站推荐 站酷2.看这些视频最多也就是掌握了软件操作而已,没什么难的。在这之后就应该去学习一下设计方面的知识了,国内的设计分析网站推荐 站酷站酷 (ZCOOL)多看上面的设计作品,临摹他们的作品与经验丰富的设计师零距离接触的机会。


网友陈宣宣[学习平面设计]如何从零基础开始学习平面设计?给出的答复:

新手的平面设计师,在设计的过程中有一些注意的地方:

一、注意字体

无论是标志还是排版。作为标志,有时图形是次要的,字体可以帮你解决很多问题,努力学习,掌握字体的设计。

二、还是字体

一切都离不开版式,一切版式都离不开字体。作为东方文化最杰出的代表——中文字体,你得好好琢磨。一开始,你最好先想到是宋体还是黑体,特殊的情况下,你才去考虑是否选用这两大字体之外的字体。简单的讲,宋体很严谨,很庄重,也很尊贵;黑体,很现代,很整齐,很简约。

其次,字体的间距最好小于常规间距。以“0”为标准,你最好取“-50”,这可适用于标题类字体排版,作为大面积的正文排版,同样需要稍微缩小字体的间距,稀疏的间距不但不能完成轻松阅读的任务,反而会让眼睛疲惫。把握“紧凑”和“稀疏”的区别。

最后,字体的高度,最好压一压,就是压扁一些,这样,汉字看上去,会更象汉字一些。 说的对不对,不妨试一试,都是很简单的处理。

三、版式

如果你功力不够,或者时间不够,最好采用稳妥的排版方式。记得,在商业设计中,不要轻易尝试夸张的跳跃性的版式,那些看上去愈随意愈凌乱的优秀作品,需要的时间愈多,你需要非常扎实的构成功底,同时你需要处理所有已经出现的细节,并且要创造更多的细节。一个平面里,两个元素的距离可以扩展到无限大,但你得有足够的力气,不让它们跑出界了。越乱,越难,而不是反之。在这里所强调商业设计,这是为你的安全着想,因为客户是付费的,如果你的功力尚浅,就不要冒险。一个简单的测试是,一张白纸上,有两个圆点,想一想,如何处理两点的大小和距离,可以让这张纸看上去紧绷的快要破裂?如果你可以制造出这样的视觉,你就可以去创造那些复杂的版式。

四、节奏

回到“稳重”的版式上来,最重要的一点是:节奏。 什么叫节奏?因为不同,所以产生了节奏。对比,反差,无论是面积也好,色彩也好,结构也好,不要什么都一样,也不要什么都不一样,否则,就没有节奏可言。可以用音符如何产生旋律来理解排版中的“节奏”。

五、色彩

如果你想提高,就尽量抛弃正统的红黄蓝绿吧。色彩的感觉,基本上靠天赋。但也可以培养,如果你爱看电影,多留意大师们的电影,看看里面的用色,就拿常见的来说,看看王家卫的电影,每一部,就是一本色彩学。平面设计中,色彩是什么?色彩不是红黄蓝绿,色彩是情绪,每一种色彩的选用和调制,就是每一种心情的表达。所以,最重要的一点,你必须是个非常感性的人。


网友蒙面大侠[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
泻邀,不过邀请我实在不合适,因为我只是一个点错了技能的程序猿.

中学的时候自己瞎折腾PS,早年画过一阵素描(几乎忘没了),大学里做了一些滥竽充数的东西(一些惨不忍睹的海报,十年院庆舞台背景,做了一堆社团Logo(五个人一晚上量产/美化100多个),以及一些乱七八糟的东西)的一个业余野生半瓶子手残的设计新手.

搞过的东西举个例子(这,是一个海报):


我不会去从事设计行业.
但是作为一种爱好,我还是打算过一阵弄个板子开始手绘.
或许有一天我把开发跟美术的技能全点满了,恰好觉得生活无趣了,然后就开始做我自己的游戏了.

题主没说自己的问题背景,那么
如果你打算从事这个行业的话,我觉得还是科班出身比较好,如果不能的话,那就先找相关工作做起来,然后慢慢学. 东西都是好学的,只要你花时间,如果你要糙快猛地就可以投入使用,那报几个班什么的还是可以滴,技能点满(基础技能),就可以打怪升级积累经验了(实践).
如果你跟我一样不打算将其作为职业的话,那就怎么玩都行,不妨买个板子每天手绘一幅. (我的一个朋友正在做这件事 Unreal Bluster@冯昱尧),开始会是很容易的,坚持下去才是重要的. 还有就是,找个人教也很重要.算了不匿了.


网友匿名用户[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
。。就上个BA系列的视频。。。你看这老头多和蔼。: )


网友匿名用户[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
如果是初学者,可以考虑先看一些绘画基础类的书,然后再看一些,色彩,构成,排版,创意类的书籍。
如果有一些经验的想去提升的,可以多看看国外的一些设计,其实如果你有基础了,就可以去看看别人的一些成功的作品,书籍的话就是与此相关的。
初学者之路 这个链接里面内容挺好的,有兴趣的可以看看,说不定对你有所帮助。


网友蓝胖子[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
设计是把一种计划、规划、设想通过视觉的形式传达出来的活动过程。人类通过劳动改造世界,创造文明,创造物质财富和精神财富,而最基础、最主要的创造活动是造物。

可见要学好设计并不容易的
我这里有一些关于设计的资料,如果有需要就拿去吧
免费的,希望对你有所帮助
【设计制作学习工具



网友Ahri Lin[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
报班,一个月拿证;自学,看了第2步忘了第1步


网友naime ka[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
看书!


网友匿名用户[学习平面设计]如何从零基础开始学习平面设计?给出的答复:
不知道你有没有美术基础呢?可以看些视频吧,感觉看视频学起来更容易些。免费网页平面设计视频教程下载

本文标题:从零开始学平面设计-淘宝活动页面设计思路 从0开始全面解析
本文地址: http://www.61k.com/1167722.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1