设计受关注的招聘信息的经验分享

所属分类: 网页制作 / CSS 阅读数: 1667
收藏 0 赞 0 分享
如何设计受关注的招聘信息 脚本之家
  每个屌丝设计后面都应该隐藏着一段美工们心酸的故事。越是简单的东西,越是复杂。不是说形式的复杂,而是思考过程的复杂。不同风格主题的博弈,思考的迭代,不断有新的创意涌向,旧的创意灭亡。设计就在这生生死死的过程里淬炼,升华或毁灭.....
  【素材收集与共享】
  1)设计师别只顾着埋头在案前摆弄素材站下载的那堆元素,试着走出屋子,到大自然去收集属于自己的素材。下图是伙伴ive在公司旅行时拍摄的组图,图片的角度质量都挺不错。如果只是让这么好的东西躺在硬盘了,确实浪费。所以,选取了其中某些局部让其在创意活动中再次发光发彩~
  2)并不是所有的素材都适合做每个主题,设计师心理应该有个数。能在碰到某个主题时迅速调出对应的资料。比如谈到这次主题是"梦想",得到梦想的人是什么状态,应该是兴奋,振臂高呼,热泪盈眶,颤抖,高高跃起等等。我们会从这些关键字里,感受到一种强烈的动能,估计得到梦想的感觉应该是某种运动的瞬间。故挑选了以下照片作为这次创作的主素材。
  【招聘设计心理】
  1)招聘页面或许是每个未来员工了解企业的第一扇窗口,尤其是互联网企业。优质的门面总能引起应聘者的好感,那么作为招聘页需要展示什么信息呢?
  临时的专场招聘,需要设计出一种高效且清晰的指引流程。可以理解为,前面应聘的人员可以完全通过这个页面即能了解这次专场的时间、地点是应该放在第一位考虑,特别是企业设点招聘的地方最好有地图说明指引。并且将需要携带的东西以明确的方式提示。
  临时功能性模块:
  · 类似于页面的临时广告位,唯有与页面有较大差异且占据重要位置才可能引发用户思考。哦,原来这块区域多了这样的信息。如果进一步改进模块,可能是加上"new"的标签效果更佳,同时这个模块可点击,直接指向地图(目标地已经锁定,方便用户根据出发地自行选择线路前往)
  【报广设计思考】
  1)招聘广告主要是功能性为导向的设计,完成功能的三要素要十分清晰的表达出来,即事情、时间、地点。
  2)以"跳"为本次活动的主题,不过开始设想是一个月亮下一个孤独的人影,在执行阶段发现那类型的主题更适合参赛,对于传播可能效果会很差。
  上图(修改后)下图(修改前)
  同样的主题,创意的过程总是喜欢越想越深,设想的画面也往往在设计途中不断修正。在这个过程可能要把握住这几个点:
  1)保持元素间的关联性,是把持画面为整体的关键。就好像如果设计中充满了圆形,方形,菱形,梯形等等时,视觉是很难保持连贯性。容易产生乱的感觉。而色彩也是如此,一单色勾勒,保持对象的黑白灰关系明确。有个办法,就是眯着眼睛,能清楚分辨出信息的层级关系就OK。
  2)修改前,元素的关系比较割裂,能产生强烈冲击性的图形并没有。整体感觉比较平。那么,可能只是就要思考,如何在保持素材恒定的情况下,让这些东西能产生更棒的化学反应。
  a. 放大某个不规则图形,一般不规则的物体能引起人类的好奇感。b.从其余广告获取灵感,但凡紧急的项目最能考验设计师的积累能力。做好日常的素材收集整理工作显得如此重要。
  c.如果继续改进设计,应该是人物的造型上寻求突破~就像中间跳跃的人,可能将企业的理念融合进造型,赋予物体更深的意义。就像大街网和海航的处理方式,不过可能要考虑形态的复杂性可能带来视觉认知度降低,识别性会下降。
  【思考延伸】
  支付宝"造梦师"招聘http://ued.alipay.com/2010job/
  独特的招聘模式,适合创意团队人员的招募。能有效的展示团队实力,估计能吸引到不少高手了解并产生加入的想法吧~看过很多招聘类设计,这组算是国内十分有创意的类型了。
更多精彩内容其他人还在看

Opera中国的WEB标准课程

网页制作Webjx文章简介:在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还
收藏 0 赞 0 分享

CSS样式表渐进增强的基本概念

网页制作Webjx文章简介:如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响
收藏 0 赞 0 分享

简单介绍Web Developer插件制作网页

网页制作Webjx文章简介:Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。 Firefox浏览器是
收藏 0 赞 0 分享

CSS布局带来的巨大影响:CSS display属性值

网页制作Webjx文章简介:网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。 应原书编辑要求,先在文章顶部给出链接:《Everything You
收藏 0 赞 0 分享

用div css模拟表格对角线

这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之 首先声明: 这只是探讨一种CSS模拟表格对角线的
收藏 0 赞 0 分享

IE Firefox在css中的差别 (部分)

1、单位问题 问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外) 解决:写全单位如padding:0px; 2、水平居中 问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题
收藏 0 赞 0 分享

不用js可以实现信息提示效果

[code] <style> body { font:verdena; font-size:14px; color:#000 } h1{ font:verdena; font-size:22px; color:#000 } h2{ font:verdena;
收藏 0 赞 0 分享

CSS解决未知高度的垂直水平居中自适应问题

今天有人问起,晚上试着写出来,供参考; 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中? 这个简单不作过多说明! [code] <st
收藏 0 赞 0 分享

CSS cursor 属性 -- 鼠标指针样式效果

取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize |
收藏 0 赞 0 分享

css 简单区别ie6,ie7,firefox的写法

同一样式里可以这样 [code] margin:17px; FF +margin:17px; IE6 IE7 _margin:17px; IE6 [/code] 按这个顺序,刚好区分开三个浏览器
收藏 0 赞 0 分享
查看更多