【keywords start】穿搭时装【keywords end】 巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

@TTTing1:我见过很多设计师,他们非常擅长穿搭搭配,但是当他们去设计时,却不知道如何开始。 在我看来,设计师一旦掌握了设计的三个基本知识,再加上了解人性,善于观察和总结,这在任何行业都是一样的。 其实你可以将自己的穿衣风格融入到你的设计中,哈!

欢迎关注小婷姐的微信公众号“TTTink-D”,一位文笔出​​色、内容实用的美女设计师。

写在前面

到目前为止,我已经写了几十篇关于Banner设计的文章。 还没人对Banner设计解释这么多(脸红……哈哈),但我今天想升级一下。 不谈Banner设计了,我给大家讲一下Banner设计的进阶版——专题页设计(做好专题页的前提是做好Banner设计,这也是我为什么要讲Banner设计的原因)之前有这么大的长度)(稍微)。

因为爱美之心人皆有之,所以我们这次的专题标题是“利用9个服装造型技巧,帮你轻松设计专题页面!~”就这样了。

在开始讲课之前,我还是给大家提了一个提纲:

1.专题页面设计的作用是什么?

2. 主题页由哪些部分组成?

3、专题的一般布局形式有哪些?

4、制作专题就像打扮。 基本规则和技术是什么?

5. 总结

接下来我们分别来说一下各个内容:

1.专题页面设计的作用是什么?

主题页面一般有三种类型:信息展示型/纯销售型以及两者的组合。

所谓信息展示型,就是仅仅用来展示信息,比如谁获奖了,谁有新东西,要举办什么大型活动等。 我想告知大家,所以我需要制作一个专门的页面来向全世界公布,比如一些影视年度盛典的特殊页面设计:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

销售商品的专页比较常见,比如各大电商平台的活动专页。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

信息展示与产品销售相结合是时下流行的话题页面。 相当于在销售产品的同时,对产品进行讲解和介绍,增加与用户的互动和购买欲望,比如在时尚穿搭/护肤美容/吃喝玩乐等话题中经常使用:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

2. 主题页由哪些部分组成?

虽然我们现在可以看到各种风格、形式的专题页,但是当它们脱掉那些华丽的外衣之后,哪怕是非常基本的原型,我给大家展示一下最基本的专题页的基本类型,大家就都知道了。

一般来说,专题页由这几部分组成:头部横幅+至少1个楼层模块+背景+氛围点缀。 如下所示:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

其中,我之前写过几十篇介绍头部横幅的文章,大家应该都很熟悉了。 然后你可以从上到下放置任意多个地板模块,形式可以多种多样。 最后背景和氛围点缀与Banner设计相同。 之前已经多次提到过,这里就不做过多解释了~

3、专题的一般布局形式有哪些?

我给大家简单总结一下:

左右对比形式的专题页面常见于需要展现PK或VS对决的专题页面设计中。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

S形主题页,这种形式的主题页无论设计要求如何基本上都可以尝试,因为它相对于直白的形式来说没有那么死板,读起来也很流畅。 例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

Z 形主题页。 这种类型的主题页其实和S型有类似的功能。 只不过这种Z形比S形更硬朗,更适合用在一些比较男性化风格的页面或类别,比如电子设备/汽车/男士护肤/游戏等,例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

1字形的专题页面给人一种强烈而厚重的感觉。 除非有如下图所示的高质量模特图片或产品图片,否则一般情况下很少使用,尤其是在销售商品的特殊页面上,背景可能会显得有点太引人注目。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

对于常规的落地式特殊页面来说,这种页面会显得比较简单,也容易控制。 主要原因是背景颜色应该有深-浅-深-浅的节奏。 同时,每个楼层都是一个独立的模块,有利于信息的读取。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

同理,落地式特殊页面也可以做一些细微的改变,比如从上到下,背景不被剪切,始终是一个整体,只要保证中间的内容在安全值之内即可,比如京东的中间内容区域一般是990Px:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

在原来的基础上,在某个楼层做了一些小的布局改变,比如将其分成小块i和自由排版:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

主题页自由排版类型。 这种类型的专题页面设计比较适合那些想走高端时尚服装品类的人。 同时,这种设计往往看起来简单,但对设计者的排版功底要求比较高。 不建议新手使用。 或者技能不多的人尝试:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

4、制作专题就像打扮。 基本规则和技术是什么?

我为大家总结了以下9条规则和技巧。 如果你经常在主题页面的设计中陷入困境,或者不知道如何细化页面优化,也许下面的9个规则和技巧会对你有所帮助。 :

1、从头到尾的呼应

2、厚度比较

3.扬长避短

4、协调团结

5. 打破规则

6.清除图层

7. 化繁为简

8. 性格开朗

9. 不同

接下来我会一一给大家举例讲解这9个技巧。

1、从头到尾的呼应

说到服装搭配,我们会从头到脚看一个人。 很多人都喜欢戴帽子/围巾/头饰等,如果这些上半身装饰品的颜色或质感恰好和你下半身鞋子或袜子的质感/质感相匹配/如果颜色上有一些呼应,那么整体穿搭会感觉特别融为一体,甚至起到从头到尾呼应的作用,例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

我们制作专题页面通常是从上到下,从搭建框架到细化细节,所以当你做完专题页面后,你可以检查一下是否有开头和结尾的呼应,例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

好处是可以防止页面过于单调,让页面看起来更加整体。

2.巧妙运用对比(明暗/浓淡)

就像服装搭配一样,如果一个人上下身都穿同样宽松的衣服,整个人就会显得很矮很胖,很不美观。 如果衣服都是深色的,就会显得压抑、不透气,如果都是亮色的,就会显得不舒服。 似乎有点无聊。 明暗的搭配会更加醒目、舒适。 例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

事实上,设计一个特殊的页面也是同样的道理。 页面中一定要有对比,比如背景层次的明暗对比、纹理与纹理的对比等:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

3.扬长避短

完美的人或人物很少。 大多数人都有这样或那样的缺点。 比如有的人可能上半身长下半身短,有的人可能上半身瘦下半身胖等等,各种小人都有。 所有问题都可以通过穿合适的衣服来解决。

例如,上身长下身短的女孩,或者上身瘦下身胖的女孩,更适合穿长衣服或裙子,以掩盖缺陷,暴露踝关节、前臂等瘦弱部位,使整个人看起来苗条。 又薄又细:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

那么将其放入主题页面设计有什么意义呢? 这可以从两个方面来说:从设计者的角度来看,所谓扬长避短,就是说每一种设计都有自己的优点和缺点。 如果你是一个擅长手绘并且作品很出色的设计师,那么酷感方面相对较弱,所以我肯定会尝试做手绘设计,这样会更舒服。

从需求设计的角度来看,所谓扬长避短,就是找到最合适的材料,选择最好的款式或产品角度,选择最合适的风格来执行你的设计,把所有的优点都展现出来。

比如这个专页的设计中,因为没有高质量的产品图片,所以我把产品按照一定的节奏放在了banner的头部,然后故意叠加到背景里,让大家看不到他们。 这些产品有粗糙的感觉:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

4、协调团结

在我的理解中,服装搭配的协调统一主要体现在三个方面:色彩/造型/比例/面料(材质)。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

同样,在专页的设计中,我们也会涉及到色彩/风格元素/整体比例/质感、光影的协调与统一,比如这些花朵状的饰物与这些花枝的组合,再加上色彩靓丽,整个页面清爽又有吸引力:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

5. 打破规则

穿着保守、简单可以让人不太容易出错,但同时也会给人一种保守、沉闷的感觉。 因此,你可以通过一些特殊的剪裁或者一些精心的装饰来打破这种沉闷的感觉,瞬间整个人的气质也会不一样,比如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

一些开衩长裙或者露背长裙看起来比完整保守的裙子更有吸引力。

当我们设计特殊页面时,同样的原则也适用。 我们可以通过形状打破规则,也可以通过颜色打破规则。 例如:如果你一直制作方形页面,那么你不妨将它们倾斜。 尝试一下:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

6.清除图层

我们经常看到一些时尚博主非常擅长混搭。 他们可以穿很多衣服而不觉得凌乱。 他们将它们一层一层地组合在一起。 反而给人一种非常漂亮、时尚的感觉,让人更加俏皮。 例子:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

那么在专题页面的设计中,这里主要涉及到两个层面。 一是信息的层次结构,分为初级和次级。 另外就是整个页面的层次节奏,比如近景、中景、远景的空间层次。 再比如从头部banner到楼层内容部分的层次和层次等,例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

7. 化繁为简

穿衣最忌讳的就是把任何款式、颜色的衣服穿在身上,而无论身上戴了多少珠宝,都会给人一种夸张暴发户的感觉。 例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

而像下面这样的搭配是不是看起来更加简单舒适呢?

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

同样的,化繁为简也是专页设计中非常重要的基本原则,尤其是当我们在设计销售商品的专页时。 过于复杂的页面会让人很烦躁,而且阅读体验也不是很好,适度的设计才是最舒服的:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

8. 性格开朗

我们经常听到有人说:“哎呀,为什么你穿什么都这么优雅呢?” “你穿这件衣服看起来很优雅”之类的。那么气质到底是什么? 在我的理解中,它是你传达给别人的一种感官和情感感受。 比如你是一个很有个性的人,你看起来很卡哇伊,你看起来很迷人等等,这都是关于气质的。

那么一个人可能可以容纳好几种气质,比如说他可以可爱,可以迷人,可以知性等等,这些都适合他,但是突然你让他穿朋克流行风,他就做不到它。 如果来了,那么这个人的整个气质都是不对的。 例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

(对比一下左右,哪一种服装搭配和妆容更适合范冰冰的女神气质呢?当然是左边了吧?)

之前写过一篇关于产品图片气质的文章,所以我们专页的设计也涉及到气质相投的问题,就是你的页面适合什么风格,你销售的品类适合什么风格页? ,你的品牌基调是什么? 都有各种适合的气质。 如果你们的气质不相符,可能会给人一种奇怪的感觉。 比如你是一个国际品牌,想走高端路线。 最后,如果你设计一个清仓页面,那不是降价了吗?

但相反,如果你本来就是屌丝气质的产品,但尝试采用高端的款式,效果会好很多。 比如卫龙热条就模仿了苹果的气质和风格。 这种从屌丝到高富帅的逆向转型。 他的转变和气质反差给他带来了不少话题讨论和曝光:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

总之,这就像屌丝逆袭,很容易让人认为她励志正能量,赢得口碑,但高富帅想降低身价,就会被嘲笑。 这就是原因。

9. 不同

我们很多人对于服装搭配都有点忌讳。 如果不是穷,谁愿意买和别人一样的衣服? 当然,每个人都希望自己穿的衣服是独一无二的,并且是全球限量版的。 这使它们看起来更加强大和引人注目。 ,由于人性,例如:

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

这是电影《香奈儿》的剧照。 当时的法国女性都穿着过度装饰的色彩缤纷的衣服,显得极其臃肿。 然而主角可可却选择了格纹衬衫出席活动。 参加完晚宴后,她与周围的环境形成了巨大的反差,当然最受关注的就是她了。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

这也是电影剧照。 在舞会上,所有的女人都穿着白色的衣服,戴着蕾丝和头饰。 主角Coco选择了一件简单的黑色V领露背连衣裙,一下子就和其他人产生了好感。 巨大的反差让人很难不脱颖而出。

所以在专题页面的设计乃至所有涉及与竞争对手竞争的设计上,我们都希望自己的与众不同。 比如双十一临近,阿里巴巴和京东都在宣传。 说到营销,就必须有差异化。 如果大家都一样,那还有什么办法呢?

例如,阿里巴巴主要联合许多大品牌聚集在平台上,以明确地表明其出售商品的意图。 同时也给消费者一种品牌值得信赖、货品多的感觉,双十一期间可以放心购买。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

而京东则主要采取暖心的方式,以快递员为主角,讲述他们的辛劳和责任感,以打动人心。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

总之,他们都在为双十一做准备,双方都在尽力展现自己的优势和专注。 一旦差异化,它们都能成功吸引眼球。

5. 总结

在我看来,设计师一旦掌握了设计的三个基本知识,再加上了解人性,善于观察和总结,在任何行业都是一样的。 写这篇文章的意义在于,我看到很多设计师非常擅长穿搭搭配,但到了设计的时候却不知如何下手。 其实,如果将自己的穿衣搭配技巧融入到自己的设计中,是很容易的。

也有很多设计师的设计好看,但服装搭配一般。 如果你能把你的设计经验运用到服装搭配上,一定会让你自己大放异彩,说不定还能增加你的数量。 并不一定意味着它会增加你的重复性或改善你的外观,哈哈~

我将以上内容总结一下。 我们的主题为“从服装搭配角度浅谈特殊页面设计”的文章到此结束。 我希望你能有所收获。 还有一些内容点我们无法一次性涵盖。 以后慢慢说吧。 这次被认为是热身。 下一期再见! ! ~

(哦,对了,除了我自己的一些特殊页面设计外,还有Petals的一些特殊页面设计,希望这些特殊页面设计的作者看到这篇文章可以联系我!~)

欢迎关注小婷姐的微信公众号“TTTink-D”,一位文采斐然的美女设计师:

微信公众号简介:专注于开拓电商设计思维,时不时分享一些个人感悟,当然也分享一些顶级创意、摄影、生活感悟的好文章。

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!/

小婷姐电商设计系列好文章:

《新人手册!》 来聊聊电商设计的那些事”和“资深经验! 我们来聊聊新晋设计师最容易遇到的12个问题”“不要害怕灵感耗尽! SALE 招牌9种布局设计方法汇总(附案例)》》如何辨别一个BANNER的好坏? (附案例)》》电商有用资讯! 如何将BANNER图形设计与产品图形结合使用(第1部分)》》电商有用资料! BANNER平面设计中如何运用产品图形(下)》《感觉自己的技术不如别人? 我们来谈谈设计师如何正确认识自身价值》》超长有用信息! 平台电商设计师和门店电商设计师哪个更好? 》《职场进阶技巧! 哪些性格特征可以帮助设计师成长和提高? 《做一个项目总想半途而废,设计师该怎么办?(附问答合集)》《超实用!从人性角度揭示电商BANNER平面设计背后的秘密》《解锁新姿势》 !我有一百种方法教你如何制作出满意的BANNER》《用讲故事的方式掌握这5个BANNER背景设计套路》《不用剪图,不用合成,教你如何快速制作出高格调的BANNER设计》 》

【UISDC原创文章投稿邮箱:yuan@uisdc.com】

================关于Youshe.com================

“uisdc.com”是国内最受欢迎的网页设计师学习平台,专注于分享网页设计、无线设计和PS教程。

【精选】

设计师必读的100本书:史上最全面的设计师书籍导航:

设计微博:热门微博@优秀网页设计,拥有180万粉丝。 欢迎关注获取网页设计资源,下载顶级设计素材。

设计导航:全球顶级设计网站推荐,设计师必备导航:

作者 admin