网页设计师学习网页设计的经验和技巧

随着公司影响力的壮大和产品的不断提升,相关的形象设计要逐步跟得上,需要逐渐提升,所以就招一个应届生网页设计师,算是一块成长。应届生有拼劲、肯学,但也好高骛远,起点都差不多,如何培养网页设计师就变得至关重要了。总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议。

一、配色

其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论,什么冷暖色、对比色/补色、色彩心理、搭配原则等等,满大街都是,有意者随便搜一两篇看看就行。色彩对于网页设计师设计师来说,更重要的是一种感觉,就像打篮球投篮的手感一样,多看,多练,这种感觉是可以后天练出来的。Mars刚接触设计时,连坐公交车时也会注意路边某公司、饭店的招牌是如何配色,处处留意生活中色彩搭配的美,关于色彩截图就更记不清有多少张了。

Mars觉得,设计师对颜色的运用一般有这么几个阶段:

  1. 初级阶段:用自己首映感觉最好的1~2种颜色,不考虑其他因素、他人感觉;
  2. 过度阶段:开始感觉一两种颜色单调,尽量多尝试不同色彩,该阶段极容易出现没目的的乱搭现象;
  3. 成熟阶段:该阶段了解了大众对色彩的审美,开始理性的用1~2种色系搭配,能体会到同种颜色不同色值的细微差别,大多设计师都在这个阶段;
  4. 终极阶段:把一种色彩用至极致,甚至只用黑白灰,完全沉浸某种颜色,甚至有点变态,但其创作效果让处于第三阶段的设计师一看就是大师所为。

其实这也是个不断练习积累的过程,这样色彩的感觉才会提升。

二、布局

网页设计师设计师除了对色彩要有好的感觉外,对布局也要有很好的把握,组合的好坏直接影响作品的效果。其实做好布局设计也不是很难,无非就以下几步:

  1. 布局准备:明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。
  2. 布局版式:关于布局的版式多种多样,在将重点内容放在最显眼的前提下,可自由选择版式。对于网页来讲,根据大多数人从上到下、从左到右的浏览顺序来考虑,应该将最主要的内容、图片等放在页面的左边和上边。
  3. 精细布局:整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。

Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说,如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的布局做好了,其他网页、宣传册等平面布局应该都信手捏来。

三、细节

至理名言"细节决定成败",在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略,但对设计师来说绝不可放过,比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话,只有你看得多了,比较得多了,才能看得出这些细节。有人觉得这些细节没有什么大碍,但多个细节组合在一起就和让人觉得不舒服。

举例说一下,以下是某系统里一篇文章下面的添加批注表单。上半部分是没有经过美化、由程序员直接写的程序(上图),下半部分是有设计师协助设计美化完成的表单界面(下图)。

一般正常审美的人肯定觉得下面的好看,但却不知好在哪?听Mars从各个角度详解一下:

  1. 配色:字体颜色像是直接从32色板上取的,没经过考究;表单边框色太重;表单背景与页面背景相同,没突出层次。
  2. 布局版式:此组件又没有多行操作,无需使用列表形式;上图保存按钮在该组件标题之上俨然不合理;组件的标题的位置大小不够醒目。
  3. 用户体验:明确这是一个系统里的界面组件,所以这个人既然都登进来了,还用填记录人吗?时间也肯定就是提交时间啊;提交人主要是提交自己的批注,所以给他提供大片的提交内容的输入框即可,简单明了;提交按钮,上图需要再填完批注内容后折回到左上角"保存"显然不合理,下图的界面大大方方右手边一个按钮,看起来明显,操作起来舒服。

以上几方面都是关于个人审美观方面的提升,如果你不是打算进行美学研究,我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是:多看,多模仿,多做,多比。切忌自己没有什么审美观就盲目创作,其实模仿没什么可耻的,是学习的毕竟阶段。好比有人模仿 MJ跳舞,尽管不是很像,但最少会得到一小部分人的喜爱和追捧,比如在某校/班的圣诞晚会上;而如果不了解大众审美,就很可能像芙蓉姐姐跳舞,只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面,而生活的方方面面也锻炼你的审美观,像摄影、布置自己的房间办公桌、服装的搭配等,能提高你的生活品味。

四、心态

在累计阶段,心态平和、踏实耐心,切忌急躁,网页设计师本身就是细活,着急是没用的。有了基本的审美观,需要创作时心情放松,做些想做的事,吃点想吃的东西,随心所欲,给提供自己创作灵感环境。不要意味的坐在电脑前去想,事倍功半,会把自己郁闷死。

五、技能

有了良好的审美基础和创意,接下来就是制作了。相比较审美观的培养和创意的来临,Mars觉得一些工具技能是很好学得,无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具:

  1. 制图技能:Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro (影视后期)等等这些只是应用的工具;
  2. 页面编程技能:html、css、JavaScript等;
  3. 优化技能:压缩图片、网页优化等。

以上工具网上的教程一抓一大把,推荐网易教程。可以找些基础的看一下,一回生二回熟,平时多用即可掌握,更深的技巧可以日后用到再研究完善,要边用边学,这样记忆深刻。

六、用户体验

用户体验一般出现在网页设计和系统界面设计里,是用户和人机界面的交互过程,界面操作的易用性,直接影响了用户对该款产品的印象。用户体验是对网页设计师更高的一个要求,甚至有点儿超越网页设计师的范畴,但只有网页设计师了解这些才能更合理地设计界面布局,整体搭配等等。

Mars知道用户体验的重要性,但深入学习的还不多,但Mars会在看别人网页、系统的同时记录那点有着方便,很在下次自己的设计中体现出来,算是一个模仿阶段吧。这也是Mars一向的学习方法。

最后声称一下,Mars不是设计科班出身,没有什么理论基础,以上总结都是实打实的经验之谈,希望得到更多好的建议。

时间: 2024-10-28 22:14:14

网页设计师学习网页设计的经验和技巧的相关文章

网页设计师必须要了解的搜索引擎优化技巧

摘要: 如果你想要制作一个网站或.博客或者优化你现有的网站,你必须了解一些基础的SEO.懂得如何优化你的网站这将会帮助你快速的提高你网站在搜索引擎中的权 重,这对于你的业务来说 如果你想要制作一个网站或.博客或者优化你现有的网站,你必须了解一些基础的SEO.懂得如何优化你的网站这将会帮助你快速的提高你网站在搜索引擎中的权 重,这对于你的业务来说会非常的重要.在这里将给大家展示,网页设计师必须要了解的搜索引擎优化技巧,毕竟SEO是从做站开始.如果你喜欢这篇文章,我想 你应该会对3D网站设计教程集感

写给网页设计师的网页设计简史

  编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术.设计伴随着信息共享催动着整个时代滚滚向前.这是一段简短的网页设计发展史,我们可以看到技术.设计与思想的演进,看到无数有识之士改变世界的剪影.本文作者是网站Froont.com的联合创始人Sandijs Ruluks. 当我发现设计网页有多投机取巧的方法之时,就逐渐开始对手打网页代码失去兴趣.的确,许多网页设计的问题并不止一种解决方案,但是很少有方案能解决所有的浏览器兼容性问题.最令我纳闷的

网页设计师学习编写代码的一些理由

通常,在完成了一件网页设计后,设计师的无知都会显露无遗而备受指责.他们把创建网页代码的繁重工作都留给了程序员们.这种现象不只出现在网络开发行业,在软件及游戏开发业也是如此. 残酷的事实就是:开发进度可能会因设计师而停滞不前.为了追求最佳效率,设计师不仅需要描描画画,还需要能把它做出来!本文中,我想与读者分享一些为什么设计师需要学习编写代码的理由. 做现实可行的设计 有了一个最终产品将如何实现的明确印象,设计师将拿出更多实际可行的概念.作为开发进程中不可或缺的一份子,设计师肩负着确保他们的设计能够

网页设计师参考:网页设计和网页工具网站

作为国内的网页设计师会经常访问一些国外知名的网页设计类网站,有提供网页设计欣赏的灵感类,有提供编码与工具下载的,还有提供网页测试的.这些网站对于网页设计师都十分有用,建议经常关注下. 本文将会展示一些web设计师应该经常会使用到的工具.如果你需要一些灵感,你可以访问最流行的设计展示站点来寻找你需要的好作品和好例子.一些设 计相关的工具,在线生成器,免费字体站点,模板站点都将帮助你更有效率测试和管理站点.记住,并不是什么都亲自完成才是最好的方式,一定程度的借鉴将会让 你以更轻松的方式完成任务. 我

网页设计师参考:网页登录表单设计实例

收集了一些好看的网页登录表单设计给大家欣赏

15个给网页设计师学习JAVASCRIPT的优质网站

  JavaScript 是网页设计中绕不开的一部分,也是最热的编程语言之一.作为网页开发人员,JavaScript几乎是必学的语言.技术的发展和软硬件的发展,使得JavaScript的性能有了更大的提升空间. 如果你打算在事业上有更为长足的进步,掌握JavaScript能为你带来更多的可能性,这是毋庸置疑的.在今天的这篇文章中,我们搜集了15个最适宜学习JavaScript的网站,其中有的以文章为主,有的则提供了系统的教程和完整的视频,立体的学习方式能让你更完整地掌握这门语言. 1. Java

网页设计师帮助:网页设计色彩表

一直希望自己对Web设计的色彩把握的更好些,所以手头上就备了一份图片版的配色表,对色彩的搭配有了很多的提高,今天发现了这套非常完整的Web版设计色彩速查表,相比图片版的来说就更容易实时学习了. ████ 粉红(#ffb3a7),即浅红色.别称:妃色 杨妃色 湘妃色 妃红色████ 妃色 妃红色(#ed5736):古同"绯",粉红色.杨妃色 湘妃色 粉红皆同义.████ 品红(#f00056):比大红浅的红色(quester注:这里的"品红"估计是指的"一品

制作网页时学习CSS应注意的方法技巧

css|技巧|网页 学习任何东西都是一样,从小学.中学.大学,除了学习知识外就是去学习方法! 要想掌握CSS, 首先要学会HTML,我刚开始是从零开始学习的,花了一个月时间学习HTML,没有老师,书就是我唯一的老师,也没有上网的条件!一个月过后,我就开始学习CSS,刚开始看的第一本CSS书是<CSS网页样式设计>看了几天后发现根本看不懂!,之后换了一本<HTML参考大全>,这本书是网页制作师的案头常备之书!之所以更换这本书来学习CSS,是因为这里面有一部分是CSS,就成了我的CSS

网页设计师设计网站时要考虑在线广告的设计

很多客户网站多会放一些在线广告,所以作为网页设计师有时候在设计网站时,必须得考虑到客户的这种需求,将在线广告也作为设计的一个组成部分进行考虑. 近年来,广告已成为很多网站的主要收入来源.不久前,在线广告往往遭到访客的拒绝,广告客户也不确定它的价值和效力.今天,大多数访客期望在商业网站上看到广告,广告客户已经认识到各种在线广告的潜在机会.长期以来广告一直是印刷出版物的一部分,如杂志和报纸,现在它们已经在网上期刊和出版物扮演同样的角色. 网站所有者或者发布的产品和服务总是会担心广告存在的影响,同时它