目标人群类型、同类产品比较、产品类型
产品视觉设计系统,不合理之处还望指出↓
品牌视觉:公司和产品灵魂,它是用户对产品的直接印象,比如大家说到小刘时,脑中总会浮现他的长相特征、行为或语言特征等等,这是很直接的,不需要太多的思索。所以品牌建立对视觉设计的要求就是建立特征、保持特征、推广特征,美化特征。而针对品牌的这些要求,需要提供完整且匹配的视觉设计解决方案。
运营设计:运营设计的目的是让用户尽情感知到产品的好;把产品的特点通过设计包装最大化并push给用户。这个过程中需要的思考是是:广告创意够不够吸引用户?画面是否足够视觉冲击?文案够不够诱人?是否清晰易懂?运营角度是否匹配品牌定位?
普通设计师做运营图的标准是:把图做好看
高级设计师的标准:用户看到图后有没有产生足够兴趣和好感,并乐意去点击和体验产品。
用户界面:用户与产品接触过程中、接触频率最高、最直观的部分,他的任务是让用户认识产品的相貌和气质。品牌定位决定了界面的展现气质和体验,界面设计需要注意视觉层次的强弱、信息划分架构、用户浏览轨迹、色彩、质感使用的和理性和舒适度、以及视觉耐久度。最终设计目标——哇,这界面看着真爽,没事就想多看看。
用户引导:为了能让用户更快学会产品的一些功能操作,比如一些较高级或隐藏的操作,通常会用引导图、产品介绍、提醒tips等方式来告知用户。它的设计原则首先是要简练、直观、易懂,其次是要符合用户操作的流程顺序,把引导安排在适当的时机,然后,设计要足够友好化,趣味化,这样才能让用户有足够兴趣去关注引导,并不会因为中断了他的操作任务而反感。用户引导设计也是界面设计的一部分,它的视觉感受有时候需要和内敛的界面质感区分开,通过视觉反差才能达到注意。用户引导其实很像给用户讲故事,那么设计也要足够轻量化。
说白了,系统思考这件事是要给设计师脑海中建立起完整、清晰的设计系统,你的每个决策如果能套用这个系统来衡量,设计方案考虑会更全面。
它的作用是帮助设计师把所有问题和解决方案逻辑化、模式化。从混沌中走出来,理性地设计。
LINE 建花瓣分組
无印良品
宜家
旅游行业 线上
蚂蜂窝
微信推广图:色彩丰富;主标题书法字;背景为目的地照片


穷游
专题一:正文细线字;主标题书法字;背景为照片(繁复不杂乱),全屏铺开;排版规整

专题二:正文细线字;主标题书法字;扁平化色块;背景为照片(简洁干净),全屏铺开

活动图:扁平卡通化;色彩较丰富


微信推广图:设计类字体;背景为照片(具备目的地特色);标注目的地

LP
去哪儿
活动图:扁平卡通化;有卡通角色;色彩丰富



携程
面包旅行
活动图:扁平卡通化;色彩清丽;字体圆润

专题图:设计感字体;带主题图标;背景精彩照片

蝉游记
活动图:设计感字体,反白投影;背景为照片

宣传图:简洁色块;背景为品牌色

去啊
活动图:官方卡通形象;扁平色块风格;色彩丰富



国家地理
推广图:照片角落加入品牌标志

杂志封图:红色边框,通过颜色和形式强调品牌感

万豪
活动图:背景为照片;手绘线条装饰

亚航
广告图:通过圆形造型和红色配色强调品牌

其他
活动专题:矢量图形;配色清新;页面干净

信息图:矢量图形

宣传图:背景为照片;空白处添加文案内容

字体

网友评论