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

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

2013年五大主流浏览器 HTML5 与 CSS3 兼容性大比拼

这篇文章主要介绍了2013年五大主流浏览器 HTML5 和 CSS3 兼容性大比拼,需要的朋友可以参考下
收藏 0 赞 0 分享

前端设计师需要了解的9个问题

这篇文章主要介绍了前端设计师需要了解的9个问题以及注意事项,非常的实用,是篇非常不错的文章,这里推荐给大家
收藏 0 赞 0 分享

CSS强制性换行的方法区别详解

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
收藏 0 赞 0 分享

CSS语义化命名方式及常用命名规则

本文搜集了一些CSS语义化命名方式以及命名规则。如有错误或不妥之处,敬请指出,欢迎你提出更好的建议,加插更多的命名规范。
收藏 0 赞 0 分享

ul li内容宽度的问题的解决方案

在IE6下只要我设置LI的宽度为auto,不论LI里面的内容多长,LI的宽度始终是100%,即UL的宽度(这里我已经写死了UL的宽度)。设置max-width也没用。高手们,在IE系列浏览器中如何使LI的宽度真正的随着内容增长而增长呢?像FF那样。
收藏 0 赞 0 分享

html5+css3气泡组件的实现

本文是html5+css3系列教程的第一篇,给大家讲述html5+css3实现气泡组件,讲解的十分的详细,这里推荐给大家,希望对大家能有所帮助
收藏 0 赞 0 分享

html5+css3之CSS中的布局与Header的实现

本文从CSS3的布局(CSS的布局的演化、CSS3盒模型-box-sizing、float布局中的bfc、Flexbox简介)Header布局的实现(float实现布局、Header js的实现)向我们展示了HTML5与CSS3的魅力。
收藏 0 赞 0 分享

一款恶搞头像特效的制作过程 利用css3和jquery

今天给大家介绍一款恶搞头像特效的制作过程,你可以把任意一张照片放到跳舞的漫画中,为他带上不同的帽子,让他翩翩起舞,下面我们一起来看一下制作过程和效果
收藏 0 赞 0 分享

大图片根据分辨率自适应宽度仍居中显示

一个1920*900的大图,在1024*768的分辨率下仍居中显示,如何做到这一点,下面是一个可行的解决方案
收藏 0 赞 0 分享

CSS3提交意见输入框样式代码

这个提交意见输入框,结构使用到了table,样式用的css3,包含了多方面的知识,比较适合新手朋友们
收藏 0 赞 0 分享
查看更多