设计师的风格

 更新时间:2016年9月20日 19:06  点击:2051

网络是一个全新的舞台,在这个舞台上,甚至是普普通通的社会的一员也有机会在这里大展身手,在这样的条件下,设计师该怎样做呢?也就是说作为一个在网络环境下的设计师应该怎样利用自己的设计来满足人们的需求,迎合他们的要求,同时如何保持自己的风格,使自己真正作为一个倡导潮流的人。

  风格一词在词典上的解释是“气度、作风;某一时期流行的一种艺术形式”。具体到网页设计的基础上,网页设计师的风格就是在运用自己的所拥有的手段,包括所拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力,来建立起自己独特的设计形式、独特的作风。从这个概念出发,设计师就应该有自己的风格。在网络如此发达的今天,网页也是五花八门,千奇百怪,但是作为一个设计师的地位还没有得到应有的提升,造成今天的网页设计师的风格没有真正的得以体现,使网页的设计在一个低层次的水平上重复。同时由于大家的相互“借鉴”,使网页的页面布局基本上成了某种约定俗成。这样的直接后果是网页作为新的媒体,本应该是方便人们的使用为目标的,却有很多的地方不能够使人满意,而这些不令人满意的地方却原封不动的保留了下来,有些是功能上的,例如在按钮或者是导航的设置上,有些形成了常规的按钮安排方式是令人不方便的。同样在一些用色的规范或者是其它元素的应用限制了设计师作用的发挥,造成了这样的僵化模式。所以在这个新的时代,急切的呼唤具有自己的风格的设计师来作出一些更好更方便的网页来。

  虽然现在的网页的现状有吞没设计师个性的趋势,但是同样这个时代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计师都有理由在这样的状况下运用自己的能力,开辟出一片新天地。那么作为一个网页设计师应该怎样做才能凸现自己的风格呢?首先来说他的这种风格不能背离人们的现实太远,这个现实就是人们习惯了的网页的布局,虽然可能经过长期的努力可能会使这种局面得以改观,但是在目前的情况下如果一味的求自己的风格就会严重的脱离用户,做网页首先应该还是要考虑网络用户的使用的,如果自己的网页在很多的方面同目前已形成的习惯的编排方式大不相同,那么习惯于上网的用户使用起来就会感到很不方便,这样得不到用户的支持,这样的设计是失败的;在审美上同样是如此的,目前人们还不能一下子接受在网页上同大众完全不同的图片的安排方式或者是用色的形式,也许在设计师本人看来是非常漂亮的页面,也许是在平面设计的欣赏角度看来是非常好的页面,可是用户们却难以接受。这就是要求设计师在设计时要兼顾到习惯,在大体上或者是整体上不同习惯的使用形式相背离的情况下加入一些自己的东西,在功能上使用户更加方便。例如,可以采用更简洁的方式处理页面,去掉一些纷繁复杂的东西,或者是在页面的布局上采用自己的独特的方式来约束自己的网页上的应用元素,用细线条来分割,用色块来区别自己的不同的栏目,用声音来提示一些操作…… 这样就会逐渐的形成自己的处理页面的风格,不同的网站的设计都可以把这种风格应用上去,这样风格就这样炼成了!这也是反映出要想形成自己的风格,要一步一步的将自己的风格反映出来,不能脱离人们的现实太远。当然由于自己的习惯、修养以及其它的因素的作用,这个风格体现的方式大相径庭,例如有的设计师喜欢现代主义风格,喜欢它的简洁、实用、追求功能上的严谨。但是另外一些人喜欢追求视觉上的新奇、愉悦,所以反映到网页的设计上就是一种装饰化、流行化的风格,即所谓的新艺术风格。当然风格往往不是很单纯的一种方式反映出来,有时候是采用的结合的方式,呈现出丰富多彩的方式。

  享誉世界的德国广告设计大师冈特`兰堡说过“一名设计师的作品停在一个水平及风格上不变化,那就是死亡”。平面设计如此,在网页设计上同样如此,在一个网页设计师的工作中要接触到许许多多、各式各样的网页的设计,在这个过程中设计师能够形成并保持自己的风格固然可贵,但是如果想取得更大的成绩就必须要赢得一种超越,在自己的设计上最熟悉的风格的基础上能够寻求突破,这才是更难能可贵的。以马斯洛的需求的层次论看,这个就应该是一种五个层次中的最高级的形式即自我实现,而能够树立自己的风格只能算是低一层次的需要的满足。当然实现自己的设计风格的突破不是一件容易的事情,这需要设计师本身具有不断开拓进取的精神,在自己的设计实践的过程中不断的完善自己,不断的充实自己,不能将自己锁定在一个方面,要不断的尝试不同的艺术风格,以期找到自己的风格变化的突破口,多学习更多的传统的、现代的设计方法,吸收一些长处,在自己的实际应用中反映出来,这样就更能使自己的设计风格的突破变得更加的容易,也会使自己在这个方面变得更加的得心应手,当然在具体的网页的功能上的实践也是非常必要的,例如在变换一些网页元素的实践中,通过自己同使用中的交流,就可以很容易的得到自己的这些变化可以得到的效果,从而反馈到自己设计中。

  一个网页设计师没有自己的风格是很可悲的,因为这样他永远就只能是在一个低水平的层次上徘徊,或者只是拾人牙慧。永远都没有自己的东西融入到网页设计中,成就不了好的成绩,只有在不断的探索和实践中总结经验,提高自己的同时树立起自己的独特的设计理念,才能够形成自己的风格,开辟出网页设计的新天地。同时也要不断的在形成自己的风格的同时,尝试一些不同的风格,寻求突破,“不破不立”,只有不断的尝试,因为只有不断的丰富自己的同时,才有机会赢得这种尝试的成功。经常有意识的这样去实践,就有可能达到自己的设计

国画中有一句话描述这种艺术形式的空间布局比较经典,就是“计白当黑”,表明了白也就是空的地方和着的墨一样都是国画整体的组成部分,如何利用空间中的留白是非常重要的,也是提升艺术性的途径,有些尽管是画的很不错,但是看起来不舒服,就是没有重视留白,造成了画面的整体上的失败。对于网页设计来说,有何尝不是如此呢?也许现在我们没有把它提升到一个艺术审美的角度来看待,所以没有人去深究过网页的艺术性,我想这是我们网页设计者孜孜以求的方向,因为未来的网络技术高度发达,人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此,我们就应该把眼光放远一点,把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此,按照艺术审美的观点,网页上的留白也是一个组成部分,同其它的主要的内容入文本、图片、动画一样,是每个设计者在制作网页时要一起考虑的。

  提升到艺术的高度来看待留白是通过视觉上的手段,留白也可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏,通过这种手段可以向使用者表达出设计者的心理感觉,设计者在设计网页的同时也在同自己的使用对象在作一种交流,好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的文字、图片、动画的组合和排列,同时借助留白进行表达。可以达到非常好的效果,例如一个休闲的网站,设计者要传达给使用者的一个信息就是要是让他们轻松随意,无拘无束,光通过网页上的图片和文字的表达是干巴巴的,没有感彩的。如果能通过网页设计反映出这种感彩,显然这样的设计是较为高明的设计。能实现吗?当然可以,借助网页上的留白就可以,让留白更多的显示出自己的特色,在联系图片和文字的中间架起一道桥梁!

  既然如此,我们应该在设计中怎样合理的利用留白这种手段来实现以上的目的呢?提升艺术层次,追求心理上的认同感就要从一个空间的层面上来考虑,仅仅从留白的本身来考虑是远远不够的。它是包含在网页整个二维空间里的组成部分,整个空间要表现出一定的整体性,整体和局部本来就是一对矛盾体,互相制约又互相促进,在局部可能是空间的分配有度,留出的空白也非常的和谐,但是作为一个整体来说就不然。只有照顾了整个页面的空间的分配,使留白能够借此表现出一定的活力,有时候尽管局部可能是不完善的,又有什么要紧呢?所以要时时把握这个度,调整自己的网页的空间,其中应该坚持的标准就是以上提出的两点要求,同时借助于自己的设计师的审美的感觉,当然更重要的是要紧密的结合自己的使用对象的情感要求,当然这也是设计师在不断的设计实践过程中不断探索,不断的调整,从而能够把握住。以下分两个方面来具体谈谈。

  如何在空间中突出留白的作用,在审美的观点上,我们知道要使做的网页更加的漂亮,有很多的形式美的要素,这里要强调的是页面的均衡、节奏和韵律,因为通过网页的排版布局,在很大程度上是借助于留白的作用,也许在设计的时候没有留意,在不知不觉中在利用它,试想在一个页面上充满了图片和文字,一点空隙都没有那是根本谈不上节奏感和韵律感的,有了这个要素(这里可以这样认为),就可以合理的调剂它和其它的网页上的其它要素之间的关系,使之安排更加的合理。可以这样来设计,利用留白的体量感来使页面的达到平衡,最好是在一种不平衡中营造出平衡的感觉,这样就会使页面更生动,更富有光彩,假如左右的两个部分有文字,可以适当的将它们的大小调整,是一边很大,文本内容很多,可以放得靠上一些,空出一小部分;另一边小,内容少一些,放在下角,上面的留白很多。这样就会赢得均衡,不会那么死板。当然这只是一个简单的例子,实际的运用中很多时候是多个形式美的要素的综合。在网页中通过留白的桥梁作用,是整个页面上的要素排布的松紧呈现出高低错落,跌宕起伏,这样浏览起来就会富有极强的节奏感,象是在听一首好听的歌曲。毕竟生活不只是按部就班的生活,有时候感觉只是生活,或者是工作,没有艺术,没有美。这是设计者的责任,在网页设计的时候要能体现出来,不是很好吗?当然不是说每个网站都设计出来象音乐或者是艺术网站一样具有那样的节奏感,在不同种类的网站中体现得要不同,这是一个需要设计者把握的问题。把握得不好就会出现和设计者的意图不一致或者甚至是相反的效果。

  再者,利用网页留白,我们可以不用太多的说明就可以表现出它的网站的特征,这是主要从网页的功能性的方面来看的。例如新闻性网站的信息性、快速性。体育网站的充满激情。商业网站的商业味……,运用得好就如同其它的商业上的运作一样可获得成功。我们知道快餐店利用强烈的刺激性的红色作为它的墙面或者是座椅的色彩,这样让人在这样的环境里感觉到一种紧张感,由此不愿在里面呆很长时间,由此腾出更多的空间给后来的人用,所以通过这种手段使快餐店的生意更加的好。反之在医院里通常是用一些象征安静的蓝色或者是白色,可以使人心情更平静。同样在网页上我们可以利用空间的运用,借助留白来达到一定的效果,有时候得到的效果是使人意想不到的。例如在新闻类的网站上,可以将文字设置得更加的紧密一些,从而是页面上的内容更多,给使用者的一个影响是很值得看的,不用看内容就知道有很多东西,内容的设置尽量集中一些,不要给人的感觉是杂乱无章的。不要设置得太散,尽管可以是通过下拉菜单来看,但是给人的感觉就是内容少,太空。这也是人的心理因素的作用。在一些休闲的网页里就不一样了,留出的空间就要多一些,使页面显出更加轻松的特征,使人一上这个网就能感觉到一种放松的心情,符合休闲的特征。

视觉设计服务于传达某个目的作用应大于它的装饰作用;它是重要的有效的沟通的工具。
甚至最好的功能强大的应用程序也受到视觉效果不好的困扰。如果你没接受过视觉信息设计方面的训练, 与一个在这些领域有经验的设计者合作是一个好主意。在一个专业的程序开发组中一定包括作为图形设计的人员。好的设计者知道怎么最好利用屏幕并且有效地使用形状,颜色,对比,焦点。而且,图形的设计者理解怎么设计并且组织信息,并且能在感觉上评定字体和颜色的影响。
视觉的设计应该是应用程序的补充而不是代替, 程序的设计应避免仅仅依靠视觉的设计来传送重要的信息。因为有视觉的缺陷的人,不能理解这些颜色。
-------------------------------------------------
Composition and Organization
合成和组织

-------------------------------------------------
我们从我们看到的屏幕外观选择我们阅读什么,我们的目光总是被有颜色的元素吸引,我们甚至以扫描的方式阅读文字。
当你设计组织你的接口的视觉的单元的,考虑下列原则:
l 信息的层次
l 焦点和强调
l 结构和平衡
l 单元的关系
l 可读性和流程
l 一致性
-------------------------------------------------
Hierarchy of information
信息的层次

-------------------------------------------------
信息元素在屏幕中放置的位置是基于它的重要性。我们应该清楚首先让用户看见哪个信息和鼓励用户第一步做什么。在设计你的应用程序时考虑这个原则, 并回答这些问题:
l 哪个信息对用户最重要?
l 当你的应用程序启动时什么是最先要做的?
l 在第一秒, 第二秒 , 第三秒以及以后,什么是用户需要做的?
l 信息的次序将支持或是通过妨碍用户的进度?
l 用户应该首先在屏幕上看见什么?
无论如何,视觉的显示应该匹配用户的相应操作,但是它也应该能由另外的元素来塑造。
-------------------------------------------------
Focus and Emphasis
焦点和强调

-------------------------------------------------
焦点和强调的原则在于优先放置你的指导和重点项目。一旦你明确了中央的想法, 你能决定焦点。你应该强调你需要突出的单元,并使独立于其它单元。
接口设计决定了用户在哪儿寻找第一信息。例如:大多数人认为最重要的信息应该看屏幕或窗口的左上角的位置。他们认为第一优先考虑的项目应该放在那里并给它强调。
-------------------------------------------------
Structure and Balance
结构和平衡

-------------------------------------------------
结构和平衡是2个最重要的视觉的设计原则。没有视觉的单元的内在的结构和平衡,所有其它的视觉设计则缺乏顺序和意义,更重要地, 结构和平衡的缺乏使用户很难楚清楚地理解接口。
-------------------------------------------------
Relationship of Elements
单元的关系

-------------------------------------------------
单元的关系对于加固以前的原则的非常重要,一个视觉的单元的放置能传达特定的关系到另外的单元。例如, 如果在一个列表框的按钮影响这个列表框,应该说按钮和表框之间的空间的关系在那里。这帮助用户清楚地并且快速看到的连接。同样, 空间的布局应该传达单元的交互关系地一致的信息。
-------------------------------------------------
Readability and Flow
可读性和流动

--------

如果你的站点不是关于音乐的,那么背景音乐只会让你的站点显得非常不专业化(Unprofessional); 站点的更新速度也是一个非常重要的要素,这一点实际上和第一点是联系在一起的。在刚发现一个有兴趣的站点时候,人们会很自然的常光顾,但如果你的更新太慢,那么这些潜在的常客就会失去。像现在的"网络时代",尽管有这份NEWSLETTER来和大家保持联系,但更新太慢仍是一个亟待改进的大毛病;
免费、免费、免费,什么东西都可以免费,免费的文章、图片、软件、书籍、各种各样的服务、空间,甚至免费的电脑,丰富内容加上"免费"是网络上所向披靡的武器;







[b]关于外观的禁忌 [/b] 1 不要先决定网页的外观,然后强迫自己甚至是强迫别人去适应它。应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑,设计出一个最适合的网页架构。
2 不要每页都采用不同的背景图片,以免每次转页都要花时间去下载。采用相同的背景色及近似的按钮都能增加网页一致性,树立统一的风格。这也是最基本的网站VI设计(视觉识别系统)。
3 不要把图片的白色部分当作是透明的颜色,要知道别人的操作系统是并不一定会将底色设为白色的。解决的方法是把网页的底色设为白色。而最好的方法是用图片编辑工具为图片设置好透明底色。
4 底色或背景须与文字颜色形成明显对比,方便阅读。若你的网页里有较多文字,不妨在这方面下多点功夫,力求让浏览者能舒适阅读你的文章。
5 每页的排版不要太疏或用太大的字,尽量避免看网页的时候要作很大的卷动。
6 太长的一页要使用内部链接,聪明的网页设计者不会让浏览者在看网页时太多卷动。常见的内部链接例子如 FAQ、或名词解释。
7 在17寸显示器尚未普及的时候,不要以 800x600 以上的像素设计网页。因为这常常会导致设计上的判断失误。因此,无论你有再大的显示器,能上再大的分辨率,将显示器设置成 800x600的显示模式是适当的。 -
8 不要于每页插入太多的广告牌。相信你也不会喜欢贴满广告的网页。什么广告交换、点钱Banner、弹出窗口,还有时下最流行却又最讨厌的浮动广告,还是少放为妙。至少,当我看到的时候,是会第一时间按右上角的“X”的。
[b]关于操守的禁忌 [/b]
1 不要抄袭别人的创作。网络上的所有资料都是公开的,但都有版权的,若想引用别人的作品,不妨先征得同意,一般作者都只要你注明出处,对于电脑方面的东西,大多数朋友都是热情而慷慨的。更不要下载了别人的网站后,当作是自己的放在网上,这样做的结果是使所有人都知道你是个剽窃者。
2 引用 Newsgroup、BBS、或其他非电子传媒的文章,切记要注明原作者名称及文章事源,若引用别有的网页更要通知网主。尊重版权,避免官司,利人利已。
3 不要利用网页散布谣言、中伤他人,网络虽然难管理,但本着道德良心,都应洁身自爱。维持良好网络环境,要靠大家努力,从我做起。
4 不要将别人的网页变成你的框架中的一个窗口,这样不仅为浏览者带来不便,令人的网页更丑陋,而且也侵犯了别人的版权,解决方法是采用链接中的 target 参数,如 target="_top" ,或是target="_blank" 从新窗口打开网页等。若重视访问者的感受请从每一细节做起。
5 不要将别人正在使用的搜索引擎、表单及计数器等放到自己的网页中,这样做会扰乱其正常运作、增加该服务器的负荷,除非该主人表示可以连到他的 cgi-bin 或 JavaClass。





<
[!--infotagslink--]

相关文章

  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
  • Photoshop设计商务名片的5种常见思路分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路,各位想知道的使用者,那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • photoshop设计重影效果具体制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程,各位想知道具体制作方法的软件使用者们,那么大家就来看下小编带来的教...2016-09-14
  • Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来...2016-09-14
  • PS怎么设计T恤 PS制作T恤教程

    PS怎么设计T恤?很多人都想要在T恤上有自己喜欢的图案,那么自己设计T恤的图案是方法之一,本次为大家带来了详细的ps设计T恤教程,有兴趣的同学快来看看吧。 1、打开PS,新...2016-12-31
  • photoshop设计一张节约用水环保主题海报制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程,各位想知道具体制作方法的使用者们,那么下面就快来跟着小...2016-09-14
  • 基于Bootstrap实现Material Design风格表单插件 附源码下载

    Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件。这篇文章主要介绍了基于Bootstrap的Material Design风格表单插件附源码下载,感兴趣的朋友参考下...2016-04-19
  • c#实现51单片机频率计的代码分享(数字频率计设计)

    c#实现51单片机频率计的代码分享,大家参考使用吧...2020-06-25
  • photoshop设计蜘蛛侠纹理文字效果制作教程

    今天小编在这里就来给给各位photoshop的这一款软件的使用者们来说一说设计蜘蛛侠纹理文字效果的制作教程,各位想知道具体制作步骤的使用者们,那么大家下面就来跟着小编...2016-09-14
  • Photoshop设计武侠风毛笔字效果教程

    今天小编在这里就来给Photoshop的这一款软件的使用者们说下设计武侠风毛笔字效果得教程,各位想知道到底该怎么射击制作的使用者们,那么下面就快来跟着小编一起看一看制...2016-09-14
  • photoshop设计墨西哥亡灵节万寿菊文字特效制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来说一说设计墨西哥亡灵节万寿菊文字特效的制作教程,各位想知道具体制作方法的使用者,那么下面就快来跟着小编一...2016-09-14
  • b2c网站购物车的设计思路

    对于大部分B2C网站来说,购物车是网站的咽喉之地,订单是白花花的银子,所有银子都必然流经购物车,购物车不能有失。优秀的购物车设计至少需要完成两项使命:一是方便用户多买...2016-09-20
  • C#毕业设计之Winform零压健身房管理系统

    本文介绍了个人的《零压健身房管理系统(扁平化)》的基本流程和功能点的介绍,虚心接受各位的意见,欢迎在提出宝贵的意见,大家一起探讨学习...2021-09-26
  • 网页设计中应防止的十个错误

      在许多糟糕的网站中,我们可以找出100条错误。现在,让我们将问题集中到最严重的10条上。仅仅防止这些错误,你的网站将会远好于你的众多的竞争对手。   1、没...2016-09-20
  • 使用分屏网页设计让手机网站建设更出彩的方法

    在设计手机网站时,只有不让网站设计显得不单调才能给用户不一样的感觉。下面这篇文章我们就来为大家介绍一,下使用分屏网页设计让手机网站建设更出彩的方法,有兴趣的朋友...2017-07-06
  • JavaScript设计模式初探

    javascript设计模式在程序中经常遇到,不同的设计模式都有各自的优劣势,本文给大家整理了七种设计模式,对js设计模式相关知识感兴趣的朋友一起学习吧...2016-01-08