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

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

CSS样式分离之再分离达到精简与重用

无论是CSS的分离还是js的分离,其主要作用之一就是精简与重用,CSS本身就代表着精简与重用,CSS样式分离,我一般指的是“以单独的CSS文件将CSS样式分离出来”,此处的重用多针对不同页面的重用,就是说,一个样式文件,可以多个页面使用,这对于一些公共样式的重构是很有
收藏 0 赞 0 分享

CSS属性behavior的语法使用说明

在进行CSS网页布局的时候,我们经遇到刷新要保留表单里内容的时候,习惯的做法使用cookie,但是那样做实在是很麻烦,css中的behavior就为我们很好的解决了这个问题。今天jb51.net就向大家介绍CSS属性behavior的语法
收藏 0 赞 0 分享

网页制作中的水平居中和垂直居中解决方法集合

 在定义网页的CSS样式的时候,我们或许并不怎么用到垂直居中。
收藏 0 赞 0 分享

最常见IE的Bug及其fix修复方法

Internet Explorer – Web程序员的毒药。在IE上开发时间中有超过60%的时间是花在和IE的bug进行搏斗,让你的开发生产率严重下降。下面是一个教程,告诉你9个IE上最常见的BUG以及如何解决它们。
收藏 0 赞 0 分享

CSS常用浏览器兼容调整小结

用CSS+DIV来写网站代码的好处显而易见,这里不多说了,但由于不同浏览器对CSS的解释不统一,造成不同浏览器下页面错位的现象十分常见……
收藏 0 赞 0 分享

css firefox火狐浏览器下的兼容性问题

css firefox火狐浏览器下的兼容性问题
收藏 0 赞 0 分享

DIV+CSS 浏览器兼容性小结

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!
收藏 0 赞 0 分享

div+css 布局常识 8问

CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官提出的问题,或者给出的试卷。今天jb51.net收集了常见的8条面试题目,希望对您有所帮助。
收藏 0 赞 0 分享

CSS用四种方式实现布局

CSS用四种方式实现布局
收藏 0 赞 0 分享

css 解决表格边框不显示的问题

在 IE6 中,当表格单元格中的数据为空时,边框是不显示的,在IE8中是会显示的,怎样解决这个不兼容的问题呢。
收藏 0 赞 0 分享
查看更多