你有没有遇到过那样的场景,大家曾尝试更改他人意见反馈的“枯燥”、“落伍”的点评,可升级后的计划方案仍等不到另一方说“Yes”?你反诘他到底哪些才“不土”,可另一方说不清楚实际规范。你只能悻悻地拿走再改动…一次又一次,直至你需要伤脑了,却仍换不到顾客的一个笑容…..
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第1张
怎么让他人见到自身的设计会心一笑?文中仅毛遂自荐,就“趣味的设计“谈起来:
“趣味”,仿佛便是“枯燥”、“落伍”、“土”、“无创意”、“不出色”、“没闪光点”这些的反义词了,作出一个趣味的设计,或许会杜绝一切该类的负面信息点评。
是否有一种寻找发展方向的觉得?但…..哪些才算是“趣味”呢?每一个人的觉得都不一样,你觉得趣味的他不确定感觉是,这好像彻底便是一件不能操控的事儿嘛。你一定猜疑我后边得话很可能是在胡扯。但…请继续看下来,尤其要见到最终,文中便是要寻找一些尤其的关联性原素,令得任何人都是会觉得“趣味”!
最先问下:你心里的“趣味的设计“应是如何的呢?被问起的设计师们答:
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第2张
 
可这种词句還是很抽象性,也是哪些的设计才够酷够炫?才可以让你意外的惊喜呢?看图讲故事:
① 【细致灵巧的互动交流】http://www.extrememusic.com/
趣味指数值★★★★★
炫酷十足的导航栏、认真细致的互动(mousevoer实际效果等)、恰到好处的声效意见反馈、雅致顺畅的情景衔接、精美视觉效果层次感的打造出,都为其提色了许多 。
此外,其右上方的导航栏像黑暗中的点燃的一团火,在其深色情况上尤显闪亮。但迫不得已提,全flash完成,并不是每一个客户的电脑上都付钱。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第3张
 
② 【mouseover的出色】http://steedicons.com/
趣味指数值★★★★★
Mousever后,一整张图被一个“高倍放大镜“遮挡住,手绘画的设计风格,看起来随便而趣味。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第4张
 
③ 【简单手绘风】http://www.cosmicsoda.com/
趣味指数值★★★★★
简易的手绘画风,软笔抄的情况,虚线显而易见比实线更显开朗。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第5张
 
④ 【高品质的大的图片】http://www.moodyinternationalllc.com/
趣味指数值★★★★★
不仅是高品质的大配图图片,粗壮字体样式的应用,照片的轮换互动,mouseover后,翻转的回应,多处”{}”的映衬,主要表现出设计者的心计。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第6张
 
⑤ 【动比素简】http://uk.burberry.com/store/
趣味指数值★★★★★
照片充溢网页页面,有静有动,一旦mouseover后,一些静止不动的照片就刚开始动态性展现,一些则出現有灰黑色渐变背景的注解,你永远不知道下一张图mouseover 后会出現哪些,已不一扫而过,这激发你将电脑鼠标挪动至每一张图细细地去看看的冲动。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第7张
 
⑥ 【精彩纷呈的衔接】http://riotindustries.com/#becominghuman
趣味指数值★★★★★
各种各样意外惊喜的衔接实际效果,网页页面偏移,照片序列忽长忽短间的顺畅衔接,吊足你的食欲。此外,截屏以“歪斜”的视角展现给大伙儿,颇显文艺范儿。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第8张
 
⑦ 【动漫】http://demo.templateworld.com/universal-css-templates/m-29062010b/index.html
趣味指数值★★★★★
仅一个出色的动漫,就足够扛起你的全部网页页面。仿佛在玩积木,第一眼就被那个立体式的banner吸引了,有没有?
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第9张
 
⑧ 【杂志期刊化排版设计与配图图片】http://www.templateaccess.com/wpdemos/wp220/
趣味指数值★★★★★
这更好像一本高质量的杂志期刊,颇具诗意的大幅度配图图片,不张扬却独特的情况用色,让关键更加突显。一张美图照片远通常比一段话更显吸引住。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第10张
 
⑨ 【与众不同,方能出类拔萃】http://mydesk.metabrain.com/
趣味指数值★★★★★
不局限于线线圈圈,并不是正方形,也不是环形,弹跳出情况,“my desk”的随便放置,却一下子能吸引目光。
官方网站中的banner材料与要宣传策划的App情况的维持统一,看起来纯碎整洁,而又主题明确。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第11张
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第12张
 
⑩ 【插风格】http://www.meomi.com/about.html
趣味指数值★★★★★
假如你见到那样一个网站,一开启就马上有探寻的冲动了吧。它赢在有这一个精美的內容承重架构。如果你把网页页面总体制成一幅画的模样,一切都是会因而而不一样。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第13张
 
⑪ 【粗壮字体样式】http://www.danieldiggle.com/design/
趣味指数值★★★★★
第一眼觉得——潮,再细细地剖析下它为什么而潮?沉色情况的应用反倒更为突显了行为主体內容,并与暖色调而具大的字体样式产生的迥然不同,浮夸而胆大的大题目字体大小也刚好是其想突显的关键,快速把握住客户目光。
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第14张
 
看了这11个网址,是否有目不暇接?
若你還是感觉一些抽象性?给你提炼九个给你网址越来越趣味的原素,精粹自然要留到最终:
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第15张
最终的最终自然是付诸实践啦~!“沒有枯燥乏味的设计,仅有懒散的设计师”,设计也需包裝也需画妆,快用这种原素去装点你的本来黯淡的设计,让它趣味吧~!
谢谢下列各位的案例分析:
设计一个有趣的网站的方法与技巧(图) 设计技巧 有趣网站 心得技巧  第16张