帮你年底上线!超实用的网页设计应急小技巧

@AnyForWeb_UDC :作为网页设计师,想要保证设计水准的前提下完成客户的“年底上线”心愿,你能想到的唯一办法就是…昏天黑地的加班!这对设计师来说是一种很煎熬的折磨,今天我们在年末特别呈现网页设计的应急小方法,希望能把设计师从水生火热中解救出来。

虽然客户主观缩短了设计时间,但他们对网页的要求却不会因此降低一分一毫,要在短时间内设计出能让客户接受的设计稿,你也许需要一些小技巧!

1、让几何元素提升网页Level

一个简单的几何元素在网页设计中起到的作用绝对能让你出乎意料,尤其在应对极简风格的网站时效果更佳。设计,无非是点、线、面的不断组合搭配,而立体几何的融入是如此拼搭过程中的一种升华。

相关的顶尖案例可以看《玩转几何!令人眼前一亮的几何元素网站设计》

玩转方法看:《我的防身暗器:网页设计应急小技巧》

帮你年底上线!超实用的网页设计应急小技巧

2、换个视角看网页中的世界

整齐划一的元素排版难免会让页面显得有些沉闷和拘谨,但相同的画面只要稍作角度微调,效果就会大不一样,整个网页都变得俏皮灵动起来。如果在视觉上觉得有些别扭,不如借鉴案例中的方法,加入适当的滤镜效果,让画面更自然。

帮你年底上线!超实用的网页设计应急小技巧

3、真真假假的网页效果

真实图片和虚拟事物图片的使用都能很有效的提升网页档次,但使用时的局限性比较大,网页的整体风格很容易就此封闭在一个小范围里。而“真假参半”的设计方式也许能带来独特的效果,不仅让网页更有人情味,也会让客户感受到设计师的用心。

免费高清大图的集散地:《免费高清!10个无版权限制的大图特供网站》

帮你年底上线!超实用的网页设计应急小技巧

4、万能的黄金比例

我们提到过,黄金比例会让大家的网页设计变得千篇一律,布局方式可以很大程度的体现出一个设计师的水准。但当你的设计时间很紧迫的时候,万能的黄金比例能快速帮到你,设计师能在此基础上做一些小创新。如下案例,设计师用人物肖像来作为页面的分界,既达到了黄金的视觉效果,又让界限的表现形式更自然流畅。

腾讯的同学总结了几种较为流行的构图方法,推荐学习:《跨领域技巧!如何利用6个摄影构图法搞定设计布局?》

黄金分割神器:《PS神器!简单实用的黄金分割工具免费下载》

帮你年底上线!超实用的网页设计应急小技巧

5、用色彩展现视觉冲击

最直接的视觉冲击力一定是由色彩带来的。色彩的使用是设计界永恒的话题,但在时间紧急的时候,设计师一定不愿意在选色上花费很久,这时,使用对比色是最合适的选择。对比色在网页设计中的运用要点是不能只关注视觉美观而已,也要同时注意用户体验。

培养色彩敏感很重要,同学们可以先学习基础的色彩搭配方法:《色彩搭配速成!3个实用方法帮你全面搞定配色》

如果实在没时间,就直接来取巧吧:《秒变配色高手!怎么都不会错的6条网页设计配色原则》

帮你年底上线!超实用的网页设计应急小技巧

6、让高清大图背景“决定”网页风格 

可能有的网页设计师会觉得,使用了高清大图作为网页背景对于客户来说是一种“偷懒”的行为,其实不然。这种设计方法很考验设计师的能力,需要设计师在设计前事先设想好一个很完整的蓝图,与其说让图片“决定”风格,倒不如认为是风格“决定”图片。而之所以将这一方法也纳入应急技巧,主要因为这种设计的可塑性较强,如果之后有修改意见,步骤会相对简单一些。

继续第二波高清大图:《免费高清第二波!12个无版权限制的大图特供网站》

优秀案例:《瞬间抓住眼球!24个特色人像背景的全屏网站设计》

帮你年底上线!超实用的网页设计应急小技巧

7、精简文字并不是一种偷懒行为

人类都是视觉动物,潜意识中都更愿意接受简单的东西。按照这样的理论,长篇大论的文字板块应该在网页设计中尽量避免,下面的案例很好的证明了这一点。简简单单的一句话反而能令人对之后的内容产生好奇心。

帮你年底上线!超实用的网页设计应急小技巧

8、韵律线带你提升带你飞

千万别不相信,一根线条就能颠覆整个网页的视觉感受!正因为作用如此妙不可言,所以被我们亲切的称为“韵律线”。想象一下,如果案例中的页面缺少韵律线组成的阴影部分,这个网页会变得再普通不过,而现在则显得充满设计感。

来向这组案例学习:《想让网站动感十足?试试网页设计中的韵律线条》

帮你年底上线!超实用的网页设计应急小技巧

9、令人不得不爱的Metro风

Metro风随着Win8界面的发布变得渐渐热门起来,甚至很多国外的电子商务网站设计也纷纷加入Metro的阵营,下面的案例来自韩国的一家电商机构。如果觉得Metro风格的设计过于紧凑,网格布局也能适当借鉴。但基于是应急技巧的介绍,Metro的设计速度可能会更快一些。

帮你年底上线!超实用的网页设计应急小技巧

“帮帮忙吧,我们准备年底上线!”

这是年底节前最令设计师头痛的催促。有了这篇文章,希望能缓解网页设计师们的“偏头痛”。

继续帮个忙,加设哥微信:youshege,人数就快20万了,拜托拜托 ^ ^

【2014年度最热门教程排行榜】

Top 3:最优艺术气息的低多边形头像教程:
《热门教程!教你利用PS和AI制作LOW POLY头像》

Top 2:抠图方法全部集结在这一篇了!
《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》

Top 1:当仁不让的多边形风格生成神器!
《这效果超火!教你创建高大上的多边形字体》

投稿者:@AnyForWeb_UDC

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量87万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

帮你年底上线!超实用的网页设计应急小技巧

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。