网页设计的主要几个特点_第1页
网页设计的主要几个特点_第2页
网页设计的主要几个特点_第3页
网页设计的主要几个特点_第4页
网页设计的主要几个特点_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、世界上的任何事物都是在变化的,不断的发展,不断的创新,不断适应新的方式,不管你是哪一类的设计师永远都需要去探索,去开创新的趋势。 一些事随着素材的设计素材的丰富,设计师越来越多选择,五花八门的页面扑面而来,并且不少有着绚丽的外观,如今只有绚丽的外观是不够的,而是如何将各种各样的功能需求结合,如何把内容体现得更有价值,而且抛开设计师的思维,不要单纯为了好看、绚丽而设计,抛开视觉,去掉复杂而绚丽,把最原始的东西呈现在面前,用最简单的效果,直观的方法表现,你会得到更意想不到的效果。 yixieshi 让我们来看看2011年网页设计的主要几个特点 互联网的一些事 01.简洁的设计,简单的配色方案 一些

2、事2010年后,页面每个地方充满了细节,重文本块,减少多余的色彩、形状和纹理。人们开始选择更简洁的界面。 一些事 例子: 苹果一直都是行业的领军者,无论是工业设计还是网页设计同样是简洁易用,内容分布均匀,最直白的排版方式,简单而又不失平庸的插图,让我们看起来简洁明了。 yixieshi 02.大范围的背景 yixieshi页面大幅高清晰度的图片,整个页面的文本或者其他元素都融合在背景中,在背景的承托下一目了然,意思更加明确。 yixieshi例子: 一些事 03.页面的立体效果 互联网的一些事 近年来,由阿凡达带起了一股3D潮,然而在网页上我们也可以做到视觉上的立体效果,虽然不是真正的3D,但

3、是通过平面的绘制也可以达到以假乱真的效果。 yixieshi 例子: yixieshi 04.字体的视觉冲击 互联网的一些事字体在网页里对我们异常重要,唯一的信息显示,2010年以来,一个新的趋势开始加强,这就是利用大胆的字体设计加强视觉冲击。我们各种各样的活动主题都可以运用一些手法例如、立体的、破碎的、硬朗的、优美的等等手法去加强视觉上的冲击力。 一些事 例子: 互联网的一些事05.兼容移动设备的设计 yixieshi 2011年,我们看到的是便宜和更加容易使用的智能手持设备,无论是手机还是pad,我们用来上网的频率越来越高,但是,还是有着阻碍我们国内的无线网络发展各种因素,其中高昂的流量费

4、用就是一个很大的因素,因此在有限的尺寸打造一个剩流量却又不缺乏视觉效果和优越体验的网页,绝对是未来的一个趋势。 yixieshi 让我们来看看传统网页针对移动设备的显示版本 例子: 一些事 PC WEB版 MOBILE WAP版 yixieshi PC WEB版 MOBILE WAP版 yixieshi 所以2011年基本上我们看到的设计是一个重新诠释体现内容的外观,光泽和质感,高质感的图标和视觉冲击效果。而移动设备的网页设计也越现重要,在这个信息巨大的网络世界里,用最简单最易懂的表达方式让用户更加快速的读懂网页所表达的意思。 中英文网站的设计差异所总结的观点:1. 中文的行间距太小; 2.

5、中文缺乏一种起伏的节奏; 3. 中文的自动回行有重大缺陷。 除此之外,因为适用的字体、字号、字形太少,相互组合搭配的效果较单一,所以很容易造成web页面的层次感不够,表现力欠缺。具体分三块阐述:字体,能够在浏览器里正常显示的中文字体就那么几个,当定义了系统里没有字体时,浏览器一律按照默认的“宋体”显示。此缺点从操作系统根本上被限制,无法与英文文字的效果对比抗衡。字号,英文大部分字体从8px到22px都有不错的美感。中文为了保证“方正”的造型,通常仅使用双数字号,比如最常用的12px和14px(用不用px单位的问题这里不讨论,少数字体的13px效果还行),因为这两种字号看起来最自然、协调。再往上

6、 16px,18px,20px也还行,但13px,17px类似的单数字号,可以看到效果明显的锯齿和失重感。字形,英文有斜体效果,HTML和CSS里都有专用语句进行定义。但是中文使用斜体的效果很不理想(中文字号够大的斜体效果会好一些),也许当初某些人定规范的时候,完全没有考虑非罗马文字国家的感受。比如学术论文的参考条目,好像国际规定必须用斜体。2006年8月我讨论过网页不需要漂亮这个极具争论性的话题,到现在为止,我困惑的还是对“中文”的理解,和对“中文”的设计。每次我看到中文被混搭(Mix and Match)到欧美风格模板、日韩风格模板网站上时,都会再反思这个问题。中文是中国网页设计的灵魂,我

7、想事实应该如此。说了这么多问题和不是,有没有没办法解决?答案是有办法。中国网页设计师尝试近十年,积累了不少经验教训。大环境近来国际标准组织的推动,加上“微软雅黑”字体的革命性进步,以及本土公司企业的重视,我相信中国网页设计将逐渐、真正形成自己的特点.比如韩国网站普遍用色大胆,Flash动画和图片利用率极高,手绘风格随处可见。而日本网站普遍清新淡雅,有着日本文化特有“灰蒙蒙”的感觉,偶尔使用像素和卡通风格。以前翻过不少帖子推荐的“中式网站”,总结起来有两个特点:动画扎眼,元素堆砌。所谓动画扎眼,几乎所有作品都是Flash完成,我看以“秀”目地居多而不是传达信息。所谓元素堆砌,几乎所有作品对“中式

8、风格”的理解都停留在某些元素身上,比如书法国画、朱砂印章、丝绸竹简等等。我就纳闷了,难道表现风格非得以这种繁复的图形加上炫目的互动和好多个loading来完成么?我想“中式风格”的网站不应该是滴几滴墨、整几条龙这么简单。有着明显特征的韩式风格网站,好像也没见在页面上企图用“紫菜包饭、大长今”来表现,对吧?Web Design is 95% Typography 提到的观点认为“网页设计95%都是排版。”我理解原文有两层意思,其一排版是页面效果的决定性因素,其二几乎完全否定了视觉设计的重要性。这个定论正确与否,我认为要看前提,如果狭义理解“web design”为信息设计,排版占95%没错;如果

9、广义考虑“web design”的用户体验,排版占95%不对。我仔细研究过不同语言的web页面好作品,发现真的好设计即使去掉颜色、图形修饰也不会差。如果抛开视觉表现,确实排版模式都差不多,技巧无非就那么几种,如对齐、留白、黄金分割之类。但是,各页面最终呈现的效果,却是“视觉设计”在主导,如同前文所述日文、韩文网站给我的印象。搞清楚这个问题,也许我们在创新中文网页设计时才能有更好的思路。为何设计?作为在互联网产品中的设计师,可能偶尔思考的问题是为何设计?从在学校里为自己做设计,到社会上为老板做设计,为客户做设计,到今天我们服务于各种需求,为需求而做设计。看似都是一个为他人而服务的过程。在这过程里

10、面对了种种的失去自我价值的不良感受。可一方面这些感受却恰恰是因为你把产品当成是他人的产品,把自己当成了产品生产流水线中的一环仅此而已。倘若你把自己当成是整个产品从诞生到运营的主人,再反过头做设计这一项任务的时候,你会有不一样的高度和认识。另一方面得清楚的是,之所以设计师存在就是因为设计师有他需要解决的问题,而这问题可能恰恰就是产品使用或销售中遇到的问题:界面需要更好用,需要更美观,这是对产品可用与否的一项加分。在产品中,设计永远是围绕功能来做的。核心功能用核心的视觉去表现,脱离功能设计也就失去了存在的意义,这也是每一条线,每一个元素存在在产品界面上的意义。我们都知道设计的质量是无法量化的,也永

11、远没有最好的设计,但是有最适合的设计。就好像任何人如果站在自己的角度去谈用户体验的好坏是很愚蠢的,那只是主观感受。所以我从来不说一句话:“站在用户的角度来说”。凭什么相信你? “匠”和“师”的现状。“我不这么觉得,我觉得这显得很小气”当有客户这么和你说的时候他其实是在质疑你的设计作品,甚至是在质疑你到底明白没明白这是不是他想要的。现在我们在接一个项目的时候往往压缩给设计师的时间都是很短的,这是多数互联网乃至设计公司的悲哀,在这么一个不长的时间里如何能够全面了解需求想要的,况且需求方也无法用设计语言去描述它,只是说要“大气,精致”这类摸不着头脑的需求来形容他。这对于一名设计师来说几乎是无法做好的

12、。实际上需求方需要设计来解决的首先是功能上的需求,无论是他的着眼点在什么上面。当然,他还需要他的产品能够看上去显得够一定档次,这样才会有人来用它。可达到上一定档次这个目的,并不一定是通过他们所说的“大字,加粗,金色”等等这样的设计方法来实现的。他们大多宁可相信自己的审美也不愿意相信一个做设计的。可你又凭什么让他去相信你有这个能力来解决这个问题呢?所以你要把自己的着眼点不仅仅停留在设计上,你要成为这产品的主人一般,为他去思考问题,为产品担忧。担忧他如何推广,如何变得更好用,如何让人们都接受他,双方都明确这些问题后,再反过头来看看什么样的视觉设计,能够在不影响功能核心的前提下,为产品加分增色呢。我

13、见过很多设计师和需求沟通时,首先最爱问的问题是“这什么时候要?”这简直不就是在做活吗?这一定让对方觉得你仅仅只是一个匠人,一个靠手艺吃饭的人。就好比是去修理自行车一样,说吧:“哪坏了?多长时间修好?”这样如何赢得别人对你的信任?做出的成果也就只有被人挑你毛病的份儿了。说到匠人,我打一个比方。大家一定都去过美容店或者理发店去理发。理发师的这个职业,从叫法上大到有叫做形象设计师,发型设计师,小到有叫剃头的。剪一次头发的价格多有上千快,少到有几块钱,这是怎么回事?我不是想说设计师的职业规划就应该是往更高端的企业中走,尽管这也是一个方面。但你想过为什么有人会到昂贵的美容场所理发吗?当然一是客户消费得起

14、,二是他们对那里的发型设计师充满信任。为什么信任?因为他们曾经有过无数的成功案例,得到过许多殊荣,也许还有幸给某某某明星设计过发型。一个陌生的人坐在美容师的面前,设计师仔细观察客人的脸型,客人的穿着打扮和谈吐气质,很快就可以对他气质有所了解,简单的问下客人平时的喜好,喜欢看什么电影,听什么音乐,平时有什么兴趣爱好等等,便可以知道客人对审美的理解程度。通过沟通为客人提出了几种发型的专业建议供客人选择,并把发型改变后的短暂不适应和为什么新发型会更适合他(她),这个发型可以帮到客人什么,提升哪方面的气质都谈出来,即使客人由于自身原因无法接受,也会觉得你是在为客人着想并且是有一定专业度的。而有的理发师

15、上来就会问:“想剪什么发型?”然后你就开始说譬如前面长一点,后面短一点,耳朵那里不要太短,也不要太长,要蓬松一点这样模棱两可没有标准的话。然后你心里一定以为,这家伙就是一个剃头的。设计是无法量化的,设计一旦被量化,设计师就真的成了匠人。也就自然配不上这个“师”字儿了,顶多是“匠”。在我看来,在中国能配上“师”的设计人员并不是多,虽然我们都被称作是设计师吧。“匠”是客人清楚自己要什么,给出明确的设计指标和具体的设计样式需求来,然后和匠人谈好时间,谈好价格,然后匠人开工。如果能够按时按质按量完工,就是有一定职业度的匠人了。而“师”是客人抛出一个有待解决的问题,并且你有能力让客户信任你,你也有给客人

16、可选择的方案,并且站在一定高度,甚至是客人未想到的高度上为他去打造产品。而你打造产品的能力有几个方面:一是经验和方法,二是眼界,三是技术。技术仅仅是基本功,眼界和经验就需要长久的积累了。其实这里最不容易做到的是让客户信任你,想让客人相信你需要满足三个重要的条件:一是你证明你是有技能的,二是你要有直接或间接的成功案例,三是你最好是在一个权威机构或公司里。如果这些条件你都具备或者说叠加的越多,你被信任的程度也就越高了。配得上“师”的人不多,这和说中国设计人员的整体水品高不高没有绝对关系,其实这也与整个行业对设计的重视程度有关。因为国内的客户还不太愿意花大价钱在设计上,他们对品牌的认识还没有到国外公

17、司对设计的重视程度上。好比一个我们还没有特别富裕的时候,可能更愿意较少的钱在小地方处理一下自己的发型一般,难看点,短暂的难看点都没关系,能见人就行。或者说对自己发型的要求还没有超过对身上其他物件的要求。当然,如果正巧你还遇到了一个不太容易让人相信的设计师,就更不愿意花这个钱了。但是当有一天中国的山寨无法再活下去,当国外的制作订单不再那么源源不断,国内的自由品牌开始更多销往国外。自然那时就会需要越来越多能够被称作是“师”的人,同时又深得他人信任,有技术,有经验,有眼界的站在更高的位置去看待产品的品牌,可以提高产品的可用性,做出适合他品牌性格的视觉设计,创造出超过产品自身的品牌的价值。我们得相信在

18、一个行业走向成熟的进程中,虽有不如意的地方,但也恰恰隐藏着巨大的机会。都说一个成熟的企业需要有三种力,一个是生产力,中国绝对属于一个生产力型国家,尤其是手工业生产力。第二是销售力,销售力最关键的是渠道,所有的大品牌最看重的就是销售这一块,同时它有形象来助力销售力,产品自身同时也需要独有的视觉形象的支撑。中国的企业恰恰相反,有生产力,有一点销售力,完全没有独有视觉形象。这个时候形象力开始慢慢受到重视了,具备对品牌视觉判断的设计师可以在公司中有一定的能量,因为最终大家会感觉到无论是你做产品还是做运营、销售,其实都是在做品牌。而有经验的设计师,对于企业来说就会是非常大的需求。做有使命感的设计师中国品牌时代正准备开始,或者已经上路了。我们从事的互联网行业,无论做视觉、做交互设计的同学,大家都赶上了一个快速发展的时机,也赶上了一个乌烟瘴气都在纷纷讨论如何提升用户体验的时代。要我说是坏事也是好事。至少说明现在大家开始越来越关心体验了。做视觉设计的也开始逐步关注交互设计和用户研究,甚至技术层面对体验产生的影响,人变得更全面,考虑的越周全了。这就好比平面设计做过一段时间后,你就开始关心材质一般。做有使命感设计师我认为关键就是在设计师角色的转变,以超越视觉的视角去看待你做的事情,有人曾说过要以“商人”的头脑去做设计,我觉得要求虽然有些高,但至少说明了一层意思,就是不要单

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论