恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
优漫动游 H5时代平面设计师有哪些转变?
0.0°
2023-06-15 好文转载 经验/观点 原作者: 广州UI设计培训 举报 83 0 0 0

身处H5时代的平面设计师该有哪些转变?

  身处H5时代的平面设计师该有哪些转变?
  设计行业变化很快,不过总结起来也不出三大块:
 表现技巧
  观念观念还是观念
  1、先来说说隔靴搔痒的内容
  前平面设计师做的比较多的工作,比较常见是设计logo、vi系统里七七八八的东西、catalog、包装以及印刷的七七八八的东西除此以外就是专门的网页设计师。除了内容不知所云的印刷品和层级多到爆的网页,其他设计项目都比较抽象,比如最常见的logo设计。只言片语的线索,要求高端大气上档次~开搞!这样一向情愿的鸵鸟效应在h5广告上倒是不会有,因为一般投h5广告和传统设计最大不同是kpi那座大山!折页、名片印出来可以往桌角一搁完事,h5广告这样pm就要杀人了好么?
  虽说内容并不是设计师可以控制,(大不了文案不好大图凑)不过设计师还是可以给予内容编辑一些建议,
  比如开篇、序言、转折部分要给页面足够的空间,不要吝啬空白页(也叫调剂页,点到为止不然有放水嫌疑),有时一个页面摆一句文案就足够提气;描述产品部分请直奔重点——也就是产品本身,如果有翔实的数据支持,文案结构对称那么你可以偷笑了:遇到了一个好copy,这样的内容可以为作品加分。相反什么得过国际大奖,名师设计,进口材质,绿色生产过程,阿猫阿狗用了都说好……面面俱到的文案还是尽可能少一点。在不脱离内容的基础上,还是建议设计师们尽可能加入内容的梳理工作中,比如试试把传统的标题整成可点击的标签(tag),把slogan整得更口语化,大段的条目文字配合做成幻灯轮播,或者逐条的动画进入,看着也就没那么烦了。毕竟大家都没有那么多时间一本正经看大段文字。
  2、表现技巧,断舍离
  首先设计师得有这样的概念,H5广告的和投放成本比网页和印刷品都要大得多,时效性上一朝一夕就over了,总之它比较金贵。在有限的手机屏让传播效益最大化就是表现的活儿了。视觉传达依然离不开平面的基础:构图、色彩、空间。黄金分割自不必赘述,但是到移动端上“主题元素居中突出”更不会犯错;经典的几何构图比如稳定的正三角形、圆形、正方、二、三等分构图,倾斜、几何形构图搭配辅助图形会产生不稳定感,但也会有年轻、锐气的感官,而边缘化构图会让作品显得更加老辣。上述的构图法往往在传统的平面设计上用到概率比较少,就算偶尔大胆尝会被要求和其他元素融合一下或者用什么东东破一下,甚至最后改回一张大图。传统平面设计上更多是为品牌形象,产品格调服务,所以视觉元素、画面层次较丰富,而在h5广告的设计则尽量保持视觉主体的单纯性。
  这里要提一下字体设计,它既是内容设计也是构图设计,一款成功的title设计本身就可以hold住画面。
  而一个精雕细追的画面脱离了标题未必可以hold住主题。
  色彩也有了比较大的颠覆,我们所看见的大量红配绿、蓝配黄的撞色搭配越来越多,以及荧光色也时不时来凑热闹啦,这种在以往设计领域被视为深井冰的配色摇身一变成了怪咖潮范的经典。其次是大面积黑白灰的配合也很常见,优雅的黑白照片再度被大量启用,(黑白大图压大字成为一句半调侃半真理)换了以前把领导照片p成黑白的你试试……可以用那么多犀利的颜色还不用担心输出、色差问题也是得益于移动大屏设备的普及。HSB色板渐渐代替了传统印刷领域的cmyk色板,以及大面积的纯色代替渐变色,毕竟互联网上的色彩需要单纯、明确、有情绪。
  空间的表现比上述都要复杂一些,处理好构图和色彩依然还停留在平面设计范畴,没有空间时间的流动就不能体现h5的真正魅力。在平面上模拟空间流动也是有几种方法的:视差效果,前景和背景在屏幕滚动时位置的差异
  还有些做法是巧妙利用了素材,通过假3d画面素材,搭配和基本的放大缩小移动这些动画,依然可以营造出简单轻量级的空间感。
  如果设计师会3d软件那么想象力完全可以火力全开,建模渲染一个场景作环境,搭配上epub360的序列帧利器和各种触发,场景再现妥妥的。
  空间的表现依然需要统一和单一,虽然h5作品可以在多个页面翻转,但是场景不宜转换过多。
  并不是一两位平面设计师就能实现的了,那么我们从中可受到怎样的启发?既然各行各业触网的大趋势不可逆转,接下来聊聊平面设计师转型。
  3、知识体系和观念的迭代
  传统的平面设计师的应用知识:修图、排版(输出印前流程和网页排版规范)字体设计图形插画设计、色彩心理学、web端还涉及到htmlcss代码等,相信全面掌握这些的设计师已经是资深设计师并且在工作中可以独当一面。这样的设计师初入交互领域,还是需要学习不少知识,比如常见的画布尺寸和最小单位以及最后交付的完稿文件都有了变化,除此以外大家会感受到:h5的设计更像个活物,不仅仅页面的每个角落带有响应,甚至作品的线性空间内都可以相互影响。所以要求设计师的打破一维思维状态,由单纯的视觉维度转向用户交互界面继而将时空等客观环境因素都考虑进去,归纳来说:线型思维转向发散性思维。
  再来看下交互设计师的总体知识体系:
  这里不难得出视觉设计只占据很小一部分,前道需求分析和流程设计往往都有其专门的岗位来负责,剩下的原型部分和可用性测试还是会和设计师的工作有交集,甚至由平面设计一起包揽。假如你接受了这个挑战,就不光要着眼于画布上那些元件和图层。按照用epub360制作一款简单展示类h5来说,设计工作完成(只代表完成了一半),还需要切图—优化素材—在线平台重新置入素材—动画设置—触发事件设置—页面关系调整—辅助元素(LOGO交互提示音乐)的设置以及不下几十次的在线测试优化。总体工作量远大于单纯的平面设计,操作熟练的设计师可以在1-2天完成设计和所有动销交互,凭的不光是手速和软件的熟练度,还有对总体流程了然于胸。例如:幻灯和普通原件在切图上的区别,动画制作中哪里用幻灯哪里该用序列帧,循环动画的触发是不是存在不合理?这些话题每天都在被讨论着,而就在这些细微处,用户之间的距离也渐渐拉开了。
  理解和协调整体的能力
  展现点不同表现风格各异,拆解单个作品的元素细节非常协调,小到icon、笔触的摆放都经过了考虑也就是再设计,最终达到视觉上自成一套体系。这里的规范统一又区别于vi和画册的绝对统一,形象讲:不需要再为了app里一个转角死扣像素或者制作一本catalog反复比对行距和潘通色值,因为我们的互联网传播更快餐,大多数用户不会注意这些只有执行者才看得出的区别。然后这并不代表设计师可以偷工减料,虽然在单一页面上的花费时间减少,不过h5作品的整体关联性会让我们为一个页面上的疏忽而付出全局的代价,就好像使用0代码基础的第三方平台来制作h5那样,如果对一些基本知识的认识不足,到后期会出现各种状况,这些都是设计师在转型中要面对的。
  好比说h5商业作品是一个立方体,视觉部分是立方体中的其中一面,那么营销企划、用户体验、特效制作、文案雕琢、媒体投放等构成了这个立方体的另外五面,各项活做得越扎实作品越饱满,也越接近广告目标。各环节的沟通不顺畅各自为政,那么可以联想到六面体会是只有表面文章的花架子,当然花架子总好过只有一两面的纸片儿。再回顾下交互设计师的知识体系,如好学的小伙伴们不满足于平面设计这个小面,习惯用交互设计师的视角去考虑每一个页面,那么对整体作品乃至我们的职业道路都可以加分。

Powered by Froala Editor

更新:2023-06-15

收藏

0人已收藏

今天冇想上班

我就打打工的大老板

  • 225

    作品

  • 1

    粉丝

  • 0

    关注

  • 分享几个设计生成工具优漫教育
  • 交互设计之五要素优漫教育
  • UI界面视觉设计之和图标优漫教育
  • 为什么有人说UI就业不好该如何掌握高端技能优漫教育
相关标签

    猜你喜欢

      2023-06-15 好文转载 经验/观点 原作者: 广州UI设计培训 举报 83 0 0 0

      优漫动游 H5时代平面设计师有哪些转变?

      0.0°

      你确定要举报优漫动游 H5时代平面设计师有哪些转变?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年06月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录