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

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

CSS入门教程:计算CSS盒模型宽和高

 出处:当我们布局一个网页的时候,经常会遇到这样的一种情况,那就是最终网页成型的宽度或是高度会超出我们预先的计算,其实就就是所谓的CSS的盒模型造成的。 #test{margin:10px;padding:10px;width:100px;height:100px;}
收藏 0 赞 0 分享

在IE流览器中正确显示PNG透明图片

  png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!   但目前IE中对于插入
收藏 0 赞 0 分享

CSS教程:DIV底部放置文字

  css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢?
收藏 0 赞 0 分享

如何用CSS让文字居于div的底部

  这个问题是别人提出的,因为css对文字的布局上没有靠容器底部对齐的参数,(或许有但是我没有发现)不过目前我使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,我用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近
收藏 0 赞 0 分享

从A页面连接到B页面后并直接把B页面的隐藏层显示

  这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而从A页面连接到B页面的时候,则是让d层显示,c层隐藏,我觉得这个效果对网页设计者以后会有很大帮助,现在把代码发出来,
收藏 0 赞 0 分享

CSS样式表定义标签li前面样式

定义LI前面的小点样式 view plaincopy to clipboardprint? 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lowe
收藏 0 赞 0 分享

符合标准的div css制作的弹出菜单

本文介绍了五款符合标准的div css制作的弹出菜单,而且不含有js的. NO.1最基本的:二级dropdown弹出菜单 <!DOCTYPE html PUB
收藏 0 赞 0 分享

CSS实现在文章每段后面加入带连接的隐藏文字

代码主要理解3个参数:createElement、createTextNode、appendChild。这3个js参数分别是创建元素、创建字符、追加节点。代码原理:循环页面段落标签<p>,创建连接元素<a>,创建要显示的连接字符,用SetAttribute
收藏 0 赞 0 分享

CSS:浏览器特定选择器介绍

当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。 IE6以下 *html{} IE 7 以下 *:first-child html {} * html {} 只对IE 7 *:first-child html {} 只对IE 7
收藏 0 赞 0 分享

WEB标准学习,认识两种网页声明的含义

即网页标准推出来以后,我们时常会看到两种不同的网页的声明,一个是Dhtml,一个是Xhtml。如下所示: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht
收藏 0 赞 0 分享
查看更多