- 1、本文档共94页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
干货-腾讯内部专题页面设计方法讲解
专题页面设计方法
By:TGideas
授课目的
归纳一些设计形式
整理一些设计思路
总结一些设计方法
展示一些设计过程
专题页面设计方法
1. 专题页面定义
?
为什么要设计专题页面
专题页面设计方法
1. 专题页面定义
产品
诞
生
退
市
调
研
产品
立项
产品
开发
测
试
市场
预热
全面
传播
稳定
销售
持续
传播
营销推广
专题页面设计方法
1. 专题页面定义
产品
用户
营销推广
传
统
营
销
网
络
营
销
专题页面设计方法
1. 专题页面定义
产品
用户
…………………………………………………………
…………………………………………………………
用户层
互动平台层
产品资料落地层
平台网站
企业网站
品牌网站
广告活动网站
专题网站
专题页面设计方法
1. 专题页面定义
专题页面设计方法
1. 专题页面定义
个性原则
Individuality
趣味原则
Interesting
利益原则
Interests
互动原则
Interaction
专题页面设计方法
1. 专题页面定义
又称为minisite,指围绕某一主题事件或活动而单独开辟的独立网页或网站,如运营活动,礼品推送,版本介绍等
专题页面的定义
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
以物造行法
B.圆方三角
快速几何泼墨法
C.断臂之美
局部反常态法
D.欲擒故纵
留白视觉反常态法
E.乾坤大挪移
布局反常态法
F. 钉钉铆铆
装饰点睛法
快速打造专题页面形式感
A.抄现实
以物造行法
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
借鉴生活中存在的实物
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
它可以变成网页吗?
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
案例欣赏
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
步骤归纳
减法
分块
加法
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
案例演示一
DNF黑钻专区
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
减法
简化钻面细节,保留外轮廓
分块
寻找内容安置空间
加法
加入页面内容
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
案例演示二
QQ飞车三周年专题
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
减法
去掉贺卡上的文字和图案
分块
为按钮寻找一屏展示区
加法
加入修饰元素,细节刻画
专题页面设计方法
2. 快速打造专题页面形式感
A.抄现实
小 结
将页面主题进行可视化设计,传达真实感受
页面主题易具象表现,且功能和内容较少,强调视觉表现
对绘画造型有一定要求
B.圆方三角
快速几何泼墨法
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
圆
三角
方
做为自然界视觉三种基础形态,它们分别由直线、折线、弧线组成。
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
方:整齐、稳定、生硬
圆:可爱、柔软
三角:动感、尖锐
尝试一些简单的搭配组合
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
可以联想到什么?
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
案例演示
QQ西游愚人节活动
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
愚人节
可爱
有趣
搞笑
活泼
……
刺激
陷阱
……
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
设计是一个理性思维+联想+运气的过程
专题页面设计方法
2. 快速打造专题页面形式感
B.圆方三角
C.断臂之美
局部反常态法
专题页面设计方法
2. 快速打造专题页面形式感
C.断臂之美
专题页面设计方法
2. 快速打造专题页面形式感
C.断臂之美
专题页面设计方法
2. 快速打造专题页面形式感
C.断臂之美
专题页面设计方法
2. 快速打造专题页面形式感
C.断臂之美
专题页面设计方法
2. 快速打造专题页面形式感
C.断臂之美
专题页面设计方法
2. 快速打造专题页面形式感
C.断臂之美
设计师: greatstyle(韩国)
案例分析
QQ西游神秘站
专题页面设计方法
2. 快速打造专题页面形式感
C.断臂之美
专题页面设计方法
2. 快速打造专题页面形式感
您可能关注的文档
- 【高考调研】2012届高考政治一轮复习 第4课 生产与经济制度课件 新人教版必修1.ppt
- 【高考状元之路——高考政治名师讲解专题解读】专题二:生产、劳动与经营(92张).ppt
- 平移与旋转讲解.docx
- 【高考调研】2017届高三物理一轮复习课件:第三章-牛顿运动定律 3-5.ppt
- 【高考调研】2017届高三物理一轮复习课件:第二章-物体的平衡 2-2.ppt
- 【高考调研】2017届高三物理一轮复习课件:第七章-恒定电流 7-3.ppt
- 【高铁知识】中国十大高铁站排名.docx
- 一 有关化学式的计算.ppt
- 【高考调研】2017届高三物理一轮复习课件:第一章-直线运动 1-1.ppt
- 】2015届高考政治(人教版)第一轮总复习配套课件:第十一课 经济….ppt
文档评论(0)