如何做超炫的网页设计?(第4周问答)

标签: 设计理论 问答 | 发表时间:2012-12-07 11:38 | 作者:wantfee
出处:http://startwmlife.com

一、q&a请问谁有著名酒店logo欣赏?(罐头)

答复: http://dribbble.com上搜索关键字”hotel”加”logo”,很多设计图。下面是截图:

580-Dribbble - Show and tell for designers.png

二、作品点评

580-joohui.jpg

三、如何做超炫的网页设计? (alive)

群主,你好,我现在做一些简单的网站是没有问题,一直想做那种超炫风的,就是不知道光往哪里打,做了一直感觉很别扭,这应该从什么地方开始练习呢, http://my.68design.net/61556,这是我68上的作品,希望你给我提点意见,总感觉没进步,一直停留在一个水平上。

答复:看过了你的作品,整体上的感觉是元素细节不太够,设计要求还不够高。作品看小的缩略图感觉还不错,但放大了看就觉得不够好。原因是设计上对于细节的讲究还不够,拿你下面的作品来说:

580-alive-work_MarkMan.png

图中标注的问题基本都是细节的方面,如果再深入分析信息架构和整体的设计气氛的话应该还有再进一步提高的空间,但是我不了解网站的诉求和功能,所以也没什么可说的。但是细节的完美我认为应该作为我们设计的基础性的要求,但是我发现好些设计师在这方面做得并不好。建议你多看看Dribbble上的设计作品,细节上非常完美,如果能做到这样的程度,我想你要想去做炫的和酷的东西,那需要的只是想法和创意了。可能有些地方说的并不对,请不要介意,如果对你有一点点的帮助,那最好不过了。

四、关于设计的视觉区域(ds)

老师您好:看了您个人站上的”知识产权服务企业网站设计作品”这篇文章,我觉得老师对视觉区域的划分都很到位,间距的把握也是很棒的。对于一个设计师来讲熟练掌握视觉区域的运用是很有必要的,所以我在这想请教老师,您对视觉区域的划分有木有心得体会,能不能给咱分享分享,当然越具体越好!!!

答复:说说我在这方面的一些心得体会。网页设计中视觉区域划分的目的在于让信息更清晰的表达,就和我们在写文章中要分段是一个道理。我们难以想象一篇文章缺少了适当的段落划分带给我们的阅读体验会是什么样子。功能上来讲不便于信息的传达,从视觉上来说是缺乏节奏和呼吸的空间,给人视觉上的压迫感。设计中也是一样的道理,但是如何从视觉上划分信息需要在设计之前对于信息进行梳理,也就是信息架构方面的工作。作为我个人来讲,在这方面经常会问自己这么三个问题:”哪些内容是必须的?这部分的内容可不可以完全去除掉?”"有没有对于网站功能性方面重要的内容忽略掉了?”"哪些内容相较于其它内容来讲是重要的?而哪些是次要的?”"哪些内容在主题方面相近,可以划分为一大类?”做好了信息架构方面的工作,对于视觉设计的展开是非常有好处的,一方面它直接影响了页面的排版和布局,另外一方面让我们对于哪些重要信息在视觉上重点表现而次要信息在视觉上点到即可有了更清晰的思路。也就是说信息的梳理间接影响了视觉方面的设计。很多设计师忽略了信息架构方面的工作,拿到项目就开始视觉方面的考虑,风格如何呈现?细节如何表现?等等。这些问题虽然重要,但不是一开始就要解决的。我们一定要牢记这一点。

相关文章

相关 [网页设计] 推荐:

响应式网页设计

- - 前端观察
这个话题最近很火爆,我也一直在关注,响应式网页设计和移动互联网密切相关,并因移动终端的丰富和普及而兴盛,并且是一个颇具争议的话题,我今天将和大家探讨下. 上周写了个简单的ppt在组内大概介绍了下,感兴趣的话可以 先看下这个PPT. 在说到这个话题前,我们先看下网页设计和前端开发的现状:. 全球有超过53亿手机用户(包括传统手机).

网页设计的12种颜色

- chenhua - 阮一峰的网络日志
前不久,ColourLovers.com公布了一项调查结果. 他们发现,美国前100大网站的Logo,主要使用12种颜色. 其中,采用蓝色的网站最多,红色排在第二种,黄色排在第三种. 我把这12种颜色的RGB代码列出来,供将来自己做网页时参考.

网页设计师的新挑战

- changwei - 互联网的那点事
随着苹果带来的平板电脑风暴让很多设计理念得到进一步的升级. 每天都有太多的好的创意涌现出来,似乎世界的每个角落都有一群孜孜不倦的Geek在研究着新的技术,在想着好的创意. 或许他们只是用着一种自娱自乐的姿态做着自己喜欢的事情,却给很多人带来了快乐和方便,也在微妙的改变着这个时代. 下面是来自网络搜集来的30个伟大的应用程序以及字体设计,来自网页设计师和开发人员.

如何成为网页设计专家

- Desmond - 译言-每日精品译文推荐
你是否想与客户侃侃而谈让他们认真的对待你的观点,因为看上去你就是个专家. 如果你的答案是肯定的,那么恭喜你,有许多人与你一样. 如果希望有一天能真正做到,那么你需要退后一步再想想,成为专家对你来说为什么如此重要. 为什么我们都希望看上去像个专家. 我们都希望成为专家是因为我们希望我们的观点能够被其它人认真对待.

HTML5和CSS3:网页设计的框架

- 壮壮爱 - 译言-每日精品译文推荐
来源HTML5 and CSS3: Wireframing in the final product. 框架是Photoshop和网页经典的比较之处. 现有的框架和原型工具不能准确体现网站的需求. 静态设计的网站不能在web浏览器上浏览. 而且当你完成网站最终建设,网页上一些元素看起来和草稿中相对应元素不完全一样,客户端会发现那些字体定位上的细微的区别.

网页设计应急小技巧

- Guan - 所有文章 - UCD大社区
工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长……. 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办. 下面简浅的归纳了几个快速让页面出彩的小技巧:. 1.旋转法 – 将页面的主体或局部进行旋转. 我们一般的页面版式都是方方正正,四平八稳,有点呆板.

触屏网页设计初探 (二)

- 没剑 - 信息和交互 - UCD大社区
触屏版网页应用,实现移动场景用户需求、体现少即是多的设计精髓并表现主流的触屏界面气质,可算初步达标. 在设计过程中需不断打磨细节,提升体验,令设计日臻完美. 让消息更随手,操作门槛更低 . 费茨法则(Fitts’ Law,1954)是一则人机交互法则. 它阐述了:快速移动到目标的时间是离目标距离与目标大小的函数.

自适应网页设计(Responsive Web Design)

- - 阮一峰的网络日志
随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端. 于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页. 手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素.