• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 方法多多!教你搞定手绘专题页设计

方法多多!教你搞定手绘专题页设计

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含专题设计,专题页设计,手绘网页,经验分享等相关知识,希望在学习及工作中可以帮助到您

@做设计的面条?:不知道大家发现没有,随着技能工具的增多,我们现在的设计形式越来越多元化了,但如果非要我推荐一项最通用的设计技能的话,我想非手绘莫属了,因为无论是修图/摄影/合成/玩C4D/做设计等,最终都是需要用到一些手绘。

无论何种手绘风格何种形式,都要与创意和需求结合后做出来的设计才有灵魂,这样才能打动人心获得更多商业价值,要不然只是一具空壳而已。

1. ?那手绘的优势是什么呢?

有这么几个方面:

富有创意:就是可以创造出任何你想要表达的东西,比如场景/人物/情节/氛围等

节省时间:别人找个想要的素材需要花很多时间还不一定能找到,即使找到了也有可能会面临版权问题以及风格不匹配的问题,

趣味亲和力:网购大军里年轻女性是占多数的,那这些女孩子们怎么可能拒绝得了萌萌哒或浪漫诱惑呢?所以你才会看到电商设计里时常会运用到手绘,因为手绘常常会给人一种或可爱或梦幻的感觉呀,你心情愉悦了掏钱的时候自然会更爽快嘛。

救急互补:有些需求方可能会提出一些特殊要求或者现有的素材不太给力或有缺陷但又不得不用的时候怎么办呢?用手绘来搞定呀,比如产品看起来太不美观了,手绘修一下;模特缺胳膊少腿了,用手绘修补一下;比如运营非要你摘个天上的月亮给他,那你就给他画一个啊(微笑)。

2. ?什么品类/主题/节日喜欢使用手绘呢?

品类:母婴个护/美妆护肤/服饰鞋包/吃喝玩乐等等主要为了笼络女性及儿童用户群体的品类,都比较喜欢用手绘类型的页面设计,当然,现在越来越多的些小鲜肉也开始卖萌或追求小浪漫了。

不知道大家有没有发现一个现象。。就是现在男人女人的特征喜好其实越来越差异不大了,很多男的也爱卖萌/化妆/护肤(可能也会整容之类的),长相穿着打扮比女人还好看,比如现在火的一塌糊涂的几位小鲜肉们

反倒是很多女的开始从发型和穿着方面表现出自己比较潇洒帅气的一面,说话也特别爷们儿,总之,性别已经越来越不是事儿啦,大家都可以按自己的喜好去表达自己。

主题:不管你是啥品类,在电商页面设计里,如果你的主题是走搞怪/卡哇伊可爱/炫酷/颓废/怀旧等路线的的话(恐怖画面除外,毕竟电商页面主要是为卖货目的而设计的嘛),基本都会需要用到手绘了,无论是全手绘还是半手绘(虚实结合的形式)。

节日:运用手绘最多的节日要数儿童节/中秋节/清明节/端午节/春节之类的了,儿童节是因为主要群体受众也是儿童和女孩子,而中秋节/清明节/端午节/春节是因为这些节日普遍都是中国古代流传下来的传统节日,这也决定了他会带有一些传说或神话因素情节在里面,而这些放在现代来说是需要想象力去表现的,手绘的形式正好满足了这种需要。

3. ?手绘常用的元素和场景有哪些呢?(灵感来源)

也正是因为手绘的形式常运用于我们前面提到的一些品类/主题/节日里,结合那些品类和节日的特征,所以通过理解文案内容/产品的相关特性/风格选择/当前时间段是否属于节日等综合因素考虑,我们就能够获取到非常多的灵感,下面我给大家举例说一下咯~

(1)以护肤品举例:

护肤品是让我们变得更年轻更美的东西,所以我们常常会联想到什么呢?会联想到一切温馨美好的事物和人,比如胖嘟嘟的云朵/五颜六色的花儿/乖巧的小动物/参差不齐的树木/甜甜的美少女/小溪水滴等,因为这些事物构建成的场景画面时常会给我们一种重回少女时代般的感觉。

(2)以卡哇伊主题举例:

说到卡哇咿,我第一反应就是想到了韩国和日本的设计,他们特别善于利用一些小图形小元素制造氛围,瞬间营造出一种萌萌哒的画面感。

(3)以春节举例:

说到春节你会联想到什么呢?也许你会联想到一群小孩放鞭炮/贴对联挂红灯笼/一家人热热闹闹吃年夜饭/逛集市采购年货等等各种喜庆热闹温馨的场景,但是,这里面涉及到的道具和人物都太多了,你如果去玩合成,估计找到合适角度/风格的素材都很难,玩C4D和摄影工作量也是相当大,最省力的方式也许就还是手绘了,你想要什么样的场景和人物都给你迅速画出来(这是指对有绘画功底的人来说)。

4. ?手绘在设计中的运用及注意事项

(1)全手绘和半手绘

从手绘占比的角度,我们可以将手绘类型的页面设计分为全手绘的和半手绘的,全手绘的比如这些:

△ ?作品来自草木之心和韩束,手绘页面设计的非常漂亮

但全手绘也有一些局限性,有时也许会显得有点低龄化或风格局限,所以我们也时常会采用半手绘的形式,比如手绘搭配着摄影/diy/合成/建模等形式来做,这种形式既可以很活泼俏皮,也可以很时尚,基本适用于任何人任何品牌,即便是一些大牌也可以用,而且相对于全手绘来说,它也更省时省力一些,所以运用的范围也更加广泛:

△ ?圣保罗艺术家Ana Strumpf与时尚杂志合作的封面设计

(2)手绘的构图形式

其实无论是不是手绘页面,构图形式无非就是下面这几种基本构图形式以及它们的组合运用:

S形:

梯子形通栏:

非通栏(头部Banner与背景为一体,楼层豆腐块状):

非通栏(头部Banner与背景为一体,楼层呈长条状):

您可能想查找下面的文章:

  • 方法多多!教你搞定手绘专题页设计
  • 关于六一儿童节页面设计,你早就该换个思路了!
  • 高手课堂!3招搞定数字元素在Banner及专题页设计中的运用
  • 三八XX节专题页设计该怎么玩?看这篇就够了!

相关文章

  • 2017-08-06修改网页中的FlashSWF文件的方法
  • 2018-08-23抢先来看!2018年UI设计的9个新趋势
  • 2018-08-23这5个技巧,让你的404页面变的更加实用
  • 2018-08-23学会自然语言设计法,提前触摸人工智能设计
  • 2018-08-23为吸引用户而存在:界面中CTA按钮的设计有何讲究
  • 2017-08-06企业网站与栏目字典 中英文对照 做中英双语企业网站的朋友需要
  • 2017-08-06一个新的CSS图片替换的技巧(背景显示与文本移离屏)告别9999px
  • 2018-08-23用好这5个广告文案妙招,最纠结的用户也会被你打动!
  • 2018-08-23为什么我们都应该学会组件化设计思维?
  • 2017-08-21React 5 生命周期

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 让设计更高效!正式为大家安利这个好用的「8点栅格」
    • 高手的平面课堂!版面太平了应该怎么破?
    • 网站要上线了,问问自己这15个问题再做决定
    • 从零开始设计一款APP之如何做好整理和交接工作
    • 入门手册!帮你快速掌握15个常见的产品设计术语
    • CSS 连接地址后面加上问号(?)表示什么意思?
    • CSS(Cascading Style Sheet)级联样式表常用术语总结
    • 网页制作绝对路径与相对路径的区别
    • 如何优化一个网站使之提高访问速度 更新
    • 通过这5个AR APP,帮你一窥现实增强技术的应用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有