网站美工设计的基本原则
网站美工设计的基本原则
导语:网页美工,即网页美术工程师。很多人都听过这个职业,但是,你知道网页美工是做什么的 吗?网页美工的职责是图形设计、交互设计,以及用户测试/研究。网页美工负责整个网站的前台设计,界面设计、规划整个网页的布局。以下是我为大家精心整理的 网站美工设计的基本原则,欢迎大家参考!
1、前后版面要一致、导航和设计风格要统一,让各个页面良好的衔接。
2、风格根据网站的定位和受众群体的`喜好,不同的访问者的欣赏品位是不同的,例如:娱乐站设计风格要轻快,让人看了后感觉愉快政府网站设计要庄重,能体会到政府部门的威严游戏网站设计要酷要炫,符合年轻人的口味文章类网站设计要淡雅,让访问者可以静下心来阅读。
3、文字尽量使用宋体字,大小要适中,背景颜色切勿与文字颜色反差太小,通常白底黑字和白底蓝字是最常用的颜色搭配。
4、避免不同寻常的令人眼花缭乱的设计、密密麻麻的内容,网页中的文字或图片颜色设计不能太突兀,一个网页内容最多不要超过三屏,企业站更要控制在一屏半之内,内容要进行明确的分类,方便用户查找想要的内容,在一个页面上出现太多的内容会让访问者感觉不知所措。
5、颜色设计要合理,一个网页中的颜色不能使用太多,否则会让访问者感觉零乱,产生视觉疲劳。
6、内容安排要有逻辑性,不同的产品要进行分类,不同的文章也要进行分类,这样可以更好的让用户了解到自己的产品,产生更多的回头客,最终产生销售转换。
7、不要使用过多的动态效果,网站特效过多,即影响了网站打开速度,又会分散用户的注意力,更严重的是过多的应用特效(Flash、js)可能会影响网页的抓取。
好的设计是可遇不可求的。如今,很少有懂得去考虑网页美工设计原则的设计,只要一个页面交上去,无非是这样,所以说,设计的工作无非就是这样的发一下好了,没有任何提升。所以,在此,希望做设计页面的时候,要学会融入自己的理念,这不仅是完成一个项目,更是完成你的梦想。
网页美工设计不单纯从事美术绘画,而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务,他们进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程。
网页美工设计不单纯从事美术绘画,而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务,他们进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程。
网页美工设计不单纯从事美术绘画,而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务,他们进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程。
1、网页美工设计的基础要素——确定站点的用途
在制作网站之前,我们必须对制作网站的目的有一个合理的了解,以满足行业和公众的需求,这将有助于网站建设的成功率。为了更好的凸显网站的高端性,也为了展示网站的功能美感,我们必须了解大众用户的浏览体验要求,网站制作要有很强的方向感。
2、网页美工设计的基础要素——确保美观和功能
在网站制作过程中,一定要有合理的设计风格,同时一定要注意保证更好的美观和功能。美学设计是为了让浏览更加舒适,同时也让页面的设计更加合理。该功能是为了方便大众用户浏览,具有更好的搜索内容针对性,快速检索用户的想法,获得有效的信息,从而带来更好的浏览体验。
3、网页美工设计的基础要素——关注用户的浏览体验
如果你在设计和建立网站时不关注用户体验,你就无法更好地了解公众的真实需求。因此,将会有偏差在这些网站的生产过程,这不仅会影响到专业和演示效果,而且直接影响到公众用户的浏览的视觉体验,导致穷人越来越流行的网站和缺乏更好的营销手段。因此,必须重视用户的浏览体验和生产。
这些网页美工设计的基础要素都会影响网站制作的成功率,并直接决定网站制作能否满足每个人的需求,所以我们应该了解。环球网校将会持续更新平面设计的相关资讯及技巧,可以点击本站的其他文章进行学习。
网页美工设计的简介
网页美工设计不单纯从事美术绘画,而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务,他们进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程。
职业概述
网页美工设计网页美工设计的职能大体包括三方面:一是图形设计,即传统意义上的“美工”。当然,实际上他们承担得不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量网页设计的合理性。如果没有这方面的测试研究,网页设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。
工作内容
负责网页界面的美术设计、创意工作和制作工作根据各种相关网站的用户群,提出构思新颖、有高度吸引力的创意设计对页面进行优化,使用户操作更趋于人性化收集和分析用户体验最新的需求。
职业要求
教育培训: 在学历和专业要求方面,一般要求大专及以上学历,根据上文提到的网页美工设计的三大具体分类,图形设计、交互设计和用户测试/研究的工作职能,分别对应的是美术设计的专业知识,软件工程师背景和相应的编程能力,以及社会学心理学等人文学科储备。当然,实际工作中,这几重职能也不是截然分开的。而今,这一涵盖诸多领域的职位,也越来越要求从业人员同时具备跨学科、综合性的理论素养和实操能力。工作经验:一是要求从业人员精通Photoshop、Illustrator、Flash等图形软件,html、Dreamweaver等网页制作工具,能够独立完成静态网页设计工作熟练操作常用办公软件,且具备其它软件应用能力熟悉html,CSS,javascript,Ajax。二是对通用类软件或互联网应用产品的人机交互方面有自己的理解和认识。三是具备良好的审美能力、深厚的美术功底,有较强的平面设计和网页设计能力。四是具有敏锐的用户体验观察力,富有创新精神。此外,有人机交互设计的学习和工作经历者优先。
薪资行情
在各类设计人员中,网页美工设计的收入在中国处于中等水平,一般在月薪3000~5000元,中等设计师的`收入可上升至6000~7000元,而如果能晋升为设计总监,这一数据则可能达到10000元以上。
职业发展路径
由于目前网页美工设计在国内的发展尚处于起步阶段,整体上缺乏一个良好的学习与交流的资源环境,这一领域真正高水平的、能充分满足市场需要的网页美工设计为数甚少而IT行业日新月异的发展速度和人们日益提升的生活标准,也对从业人员提出了越来越高的要求,因此,网页美工设计应该通过不断的学习实践,在诸多不同领域,尤其是在人才资源普遍缺乏的社会学、心理学等人文学科领域拓展视野,丰富自我,努力向高级、资深设计师乃至设计总监的方向发展。除此之外,具有较强协调、组织、管理能力和领导资质者,则可考虑晋升为IT项目经理。
网页美工设计技巧
网站的页面多种多样,风格各异,网页的质量直接影响着网站的效果。下面是我整理的网页美工设计技巧,希望对你有帮助!
1.导航栏
导航栏如果设计得恰到好处,是会给网页本身增色很多。导航栏有一排、两排、多排、图片导航和Frame框架快捷导航等等各种情况的设计。有时候是横排,有时候则是竖排。另外还有一些动态的导航栏,如很精彩的Flash导航。
2.LOGO
LOGO并不是每个网站多要有的,他是网站为了给大家一个比较直观的信息的表达工具。LOGO的位置通常在页面的左上角。这个地方最明显和直观,可以第一时间给人于默化的效果网站的LOGO,一般以静态的居多,也有动态的,但是LOGO的特点都是在表达网站的信息,是一个网站的直接的表现窗口。
3.BANNER(广告条)类型
Banner设计注意点:Banner有动态和静态两种。在浏览网页的过程中,虽然闪烁的图案会产生瞬间记忆刺激,引起注意,但这种记忆往往为压迫性的,久之易产生负面效应,从而模糊记忆。而稳定的画面不易引发特殊的关注,但如果有良好的界面引导和内容,可产生良性的记忆,持久而牢固。设计要点:Banner的文字不能太多,用一两句话来表达即可广告语要朗朗上口,可以第一时间的让人捕获表达的重点图形无须太繁杂,文字尽量使用黑体等粗壮的字体,否则在视觉上很容易被网页其他内容淹没图形尽量选择颜色数少,能够说明问题的事物如果选择颜色很复杂的物体,要考虑一下在低颜色数情况下,是否会有明显的色斑尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样做会大大增加图形所占据的颜色数,增大体积。
4.按钮
按钮设计要点:设计按钮要同页面的整体协调,不能太抢眼有的页面很单调,还要依靠花哨的按钮来提一下选用的字体,选用的插图,或插图及字体搭配,都要考虑字迹清楚,色彩简单一些,不要超过四种很长的'按钮可能就是框架的分界,尽量要纤细一些,否则页面会显臃肿。
5.图片
为了美化页面,图片是任何一个页面都要用到的,图片的运用要合理。图片运用要点:图形的主体最好清晰可见图形的含义最好简单明了图片内所含文字应该清晰容易辨认背景与主体明度对比比例应为3∶1到5∶1之间为宜淡色系列的背景有助于整体和谐淡色材质背景最佳,能与主题分离之浅色标志或文字背景亦可。
6.文字
文字也是设计的。设计要点:每一行文字的长度最好20到30个中文字(40到60个英文字母)行距与字距已由软件内定。设计时注意段落与段落间空行及首行缩排方式以辅助阅读标题以H1到H3字号为佳,内文Font size=3到4级为佳同版面字型最好在三种以内文字的颜色最好也是三种以内文字在颜色上要与背景区别内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果表格或清单内的字运用相同字型与字体大小,以利辨别。