网页美工设计要点（一个好的网页美工应该在设计的时候注意什么）

本文目录

• 一个好的网页美工应该在设计的时候注意什么
• 网页美工设计技巧
• 美工页面排版设计需要注意哪些要点
• 网页美工设计方法
• 网站美工设计基础知识
• 网页美工设计的注意事项有哪些
• 网页美工设计的要点有哪些呢
• 初级网站美工设计基础常识
• 网页美工设计的基础要素有哪些

一个好的网页美工应该在设计的时候注意什么

导语：随着淘宝的逐渐流行，网页美工设计的市场也是逐渐地宽广起来。如果你想要成为一名合格的网页美工设计，那么你就应该要从多方面地满足自己的要求。为自己负责，并且也应该要懂得去更好地进行淘宝网页的设计，让这样的网页设计出来的效果可以达到成为一幅值得欣赏的图画。而想要成为一名合格的网页美工设计，也是应该要知道自己所承担的职责的。那么合格的网页美工设计的职责是什么呢?

关于网页美工设计是负责整个网站的前台设计，界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。网页美工熟悉各种平面设计软件，如Photoshop、ai等软件，完成美术视觉上的设计排版等。

网页美工负责的图形设计，即传统意义上的“美工”。不过不是单纯意义上美术工人的工作，既然搭上了“网页”的头衔，因此他们负责的是软件产品的产品“外形”设计。交互设计主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。网页美工要负责这点，相信很多人都不知道，因为在大众的印象中，美工只要负责视觉效果就可以了，但仅仅是视觉设计，作为一名合格的网页美工，那是远远不够的。

而第三个网页美工的职责：用户测试/研究，其目标是测试交互设计的合理性及图形设计的.美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。另外，对于网页美工的职能，不少人还存在着一个误区，那就是认为网页美工精通CSS/HTML/J**ASCRIPT等语言来做网页布局，其实这是不正确的，网页布局的工作应该是由前端开发工程师来完成的。

在网页美工切图设计要注意以下几点：定要做好网页宽度的设置设计，一般网页宽度有760**、900**、1000**等，最好不要超过1200**的宽度，高度没有限制。大多数做网站的公司都有一个比较合理的标准。作为网页背景、网页图标的要清晰，在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。有特效地方，有必要设计出特效样式，以便DIV CSS制作的时候切图使用。

网页美工设计技巧

网页美工设计技巧

　　网站的页面多种多样，风格各异，网页的质量直接影响着网站的效果。下面是我整理的网页美工设计技巧，希望对你有帮助!

　　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级为佳;同版面字型最好在三种以内;文字的颜色最好也是三种以内;文字在颜色上要与背景区别;内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果;表格或清单内的字运用相同字型与字体大小，以利辨别。

美工页面排版设计需要注意哪些要点

一、美工页面排版细节要点

1. 对齐(Alignment)

任何东西都不能随意摆放，每一个元素之间都有某种视觉关系。利用对齐建立一个清楚整齐的外观。

2. 亲密(Proximity)

彼此相关的内容应靠在一起，反之不相关的内容保持距离。利用亲密性，强调画面的组织与架构。

3. 重复(Repetition)

重复视觉要素的颜色、字体、大小、空间等，增强条理性，也增强了整体一致性。

4. 对比(Contrast)

避免页面上元素太过相似，如果它们不同，哪就让他们截然不同。让重要的内容引人注目，让使用者间看到它们。

二、文字排版

1. 使用适合阅读的字体

字体大小与使用者萤幕大小、使用距离有关，清楚瞭解使用者使用的环境与习惯后，选择一个适当的大小。

2. 选用适当的字体

有些中文字体的英文版本其实是不合适的，挑选与中文字体相对应的英文字体作为搭配的字体。

3. 设定恰当的行高

也就是“文字密度”，太挤的文字在换行时，眼睛不容易找到下一行的起点，较不容易阅读。

4. 设定恰当的段距

清楚的段落区分，让读者可以清楚地瞭解现在正在阅读的段落。

5. 注意段落的宽度

注意文字最后显示的设备大小，太宽或太窄的段落宽度都会造成阅读上的困难，一行文字以45字元~75字元是比较恰当的。

6. 清楚地区分标题与内文

使用对比的方式(例如颜色、大小、位置)将内文与标题清楚地区分开来。

关于美工页面排版设计需要注意哪些要点，环球青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图像处理等有浓厚的兴趣，希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

网页美工设计方法

网页美工设计方法
美工分为平面美工、网页美工和三维美工。下面整理了一些网页美工设计方法，希望对大家有所帮助！
一、配色
其实对色彩的感觉是设计师应具备的最基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于美工设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。
设计师对颜色的运用一般有这么几个阶段：
初级阶段：用自己首映感觉最好的1~2种颜色，不考虑其他因素、他人感觉;
过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象;
成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段;
终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。
其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。
二、布局
美工设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。
其实做好布局设计也不是很难，无非就以下几步：
布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。
布局版式：关于布局的版式多种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将最主要的内容、图片等放在页面的左边和上边。
精细布局：整体配色、字体、各模块的间距、插图、增减内容等各个方面的推敲。这一步是细活。
Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的.布局做好了，其他网页、宣传册等平面布局应该都信手捏来。
三、细节
至理名言“细节决定成败”，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。
以上几方面都是关于个人审美观方面的提升，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿 MJ跳舞，尽管不是很像，但最少会得到一小部分人的喜爱和追捧，比如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。
四、心态
在累计阶段，心态平和、踏实耐心，切忌急躁，美工本身就是细活，着急是没用的。有了基本的审美观，需要创作时心情放松，做些想做的事，吃点想吃的东西，随心所欲，给提供自己创作灵感环境。不要意味的坐在电脑前去想，事倍功半，会把自己郁闷死。
五、技能
有了良好的审美基础和创意，接下来就是制作了。相比较审美观的培养和创意的来临，Mars觉得一些工具技能是很好学得，无非就是我用铅笔、还是毛笔画的问题。大概介绍下Mars接触到的工具：
制图技能：Photoshop(平面处理等)、Illustrator/CorelDraw(矢量图)、Flash(动画)、Premiere Pro (影视后期)等等这些只是应用的工具;
页面编程技能：html、css、JavaScript等;
优化技能：压缩图片、网页优化等。
以上工具网上的教程一抓一大把，推荐网易教程。可以找些基础的看一下，一回生二回熟，平时多用即可掌握，更深的技巧可以日后用到再研究完善，要边用边学，这样记忆深刻。
六、用户体验
用户体验一般出现在网页设计和系统界面设计里，是用户和人机界面的交互过程，界面操作的易用性，直接影响了用户对该款产品的印象。用户体验是对美工更高的一个要求，甚至有点儿超越美工的范畴，但只有美工了解这些才能更合理地设计界面布局，整体搭配等等。

网站美工设计基础知识

互联网这个大熔炉里存在着很多网站，这些网站他们的界面和功能五花八门各不相同，下面是小编为大家整理的网站美工设计基础知识，欢迎参考~

网站美工设计基础学习内容

通过学习，让学员熟练掌握静态网页制作、网页后台程序与数据库开发，熟悉网站构建的流程、基本方法与营销型网站构建的基本思路，培养有一定创意和美感的营销型网页网站设计师。软件部分：photoshop、dreamweaver编程语言部分：div+css、html、javascript、php+mysql等。零基础自学网页设计网页美工要学习哪些知识?，最专业的网页设计培训学校，首选IT新时空，我们以案例为主讲授网站建设的整个流程，保证能独立从事网页设计工作，一线网页设计师授课，注重实战案例，结合市场需求，带你直接就业.武汉IT新时空设计师高级培训学校是在中国教育体制改革和国家信息化建设浪潮中发展起来的一流教育机构。1999年由上海远东科技集团发起组建，专业提供各种IT职业技能的培训、咨询，(包括平面设计培训、网页设计培训、网站开发培训、室内设计培训、建筑景观设计培训、工业设计培训、动画设计培训等领域)。

网站美工设计基础网页设计部分

网页技术更新很快，一个网站的.界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典，经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常明显的!还有哪个设计者敢腆着脸说，这都是我自己的原创设计?对于业界来说，经典只是个理念和象征!

看到这里你是否已经手指头有些痒痒想要跃跃欲试网站美工设计基础了呢?这些只是简单基础的网站美工设计，想要设计的更好乃至成为经典还是要多加研究，这样才能将网站设计的更好，才能是一个网站更容易成功。一品威客网可以说是给威客们提供了一个展示才华的平台，只要你肯努力，有智慧有技能，都可以加入进来当然了，当威客也需要坚持，如果半途而废的话是很难取得成功的，总之，不管是出售服务，还是参与任务，都可以很好地发挥才能，利用自己所长帮助有需求的雇主，将自己“无形的知识”转化为财富，丰富生活，实现价值。

网页美工设计的注意事项有哪些

1. 网页美工设计的注意事项必须明确目标,企业在做什么,想要通过什么网站,什么样的观众,达到什么样的目标,等等,所有这些方面都需要有一个清晰的理解,为了明确网站的整体风格和特点。通过这些可以推出网站设计理念和文案。
2. 网站设计的重点是突出主题，突出核心内容，通过色彩、图片等方法完成对网站的个性化解读，突出特色。
3.设计的内容应该简单明了，因为在互联网时代，一切都是“快餐消费”模式，所传递的信息应该能够快速、直接地给用户带来直观的体验。
4. 企业网站设计的初衷是为了更好地促进自己和产品信息,所以如果你想让更多的潜在客户在网上,那么整个网站应该更好的满足所有客户的需求,以便客户觉得网站的综合功能和方便使用。
5. 页面布局、色彩、字体、图片的运用，使页面的整体布局合理，具有很高的观赏性。
6. 网页设计是一个不断变化的行业。因此，这也要求设计团队要掌握新的设计方案和市场趋势，以免让自己的设计落后。
7. 网页美工设计的注意事项，文案要突出新颖性，内容要吸引眼球，不能千篇一律。文字与背景色的搭配太容易阅读，文字与背景色的搭配又太小，让人感到疲惫。
创意新颖的网站设计可以突出企业文化和理念，富有个性更容易吸引客户的眼球，好的网页美工设计的注意事项不仅可以给企业带来可观的收入，而且可以提高企业的声誉，进一步吸引潜在客户的关注。后续将会有更多关于平面设计中各个分类的设计技巧与资讯，也可以点击本站的其他文章进行学习。

网页美工设计的要点有哪些呢

网页美工设计不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。
网页美工设计不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。
网页美工设计不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。

初级网站美工设计基础常识

成为一名网站美工究竟需要哪些网站美工设计基础知识，具备了怎样的相关知识才能从事网站美工行业呢?下面是小编为大家整理的初级网站美工设计基础常识，欢迎参考~

初级网站美工设计基础常识

1、当然了初级美工对FLASH的要求不一定太高。网站美工设计基础要会简单的AS语言就可以了，如果真的要成为高级美工的话，AS应该是很熟练的啦。

2、网站美工设计基础是要慢慢培养的，可以多看些别人设计的艺术感强的东西，比如宣传海报什么的。平时多看，多想，看别人的颜色搭配，板面布局。学会看了以后就要会做，那么就要学会一些基本设计软件，网页美工肯定要会Firework或者是Photoshop接着就是会用FLASH总之就是多看，多想，多做。

3、网站美工设计基础然后要求会用Dreamwerver，要会把Firework或者是Photoshop里切下来的图片重新整理、优化成为html或者htm网页文件，并且做好框架表格，给程序员添加程序!这个方面是比较需要和程序员沟通的，因为有的程序员肯定不熟悉一些美工的布局结构的!

4、要用DIVCSS表这个是目前高级美工的.一个突破，就和FLASH的AS语言运用得很熟练一样样。综合说起来，你需要会的软件就是Photoshop、Fireworks、Dreamwerver需要学习的语言：(FLASH的AS语言)、Html如果可能的话，你要是会一点点、net的语言基础会更好。

网页美工设计的基础要素有哪些

1、网页美工设计的基础要素——确定站点的用途

在制作网站之前，我们必须对制作网站的目的有一个合理的了解，以满足行业和公众的需求，这将有助于网站建设的成功率。为了更好的凸显网站的高端性，也为了展示网站的功能美感，我们必须了解大众用户的浏览体验要求，网站制作要有很强的方向感。

2、网页美工设计的基础要素——确保美观和功能

在网站制作过程中，一定要有合理的设计风格，同时一定要注意保证更好的美观和功能。美学设计是为了让浏览更加舒适，同时也让页面的设计更加合理。该功能是为了方便大众用户浏览，具有更好的搜索内容针对性，快速检索用户的想法，获得有效的信息，从而带来更好的浏览体验。

3、网页美工设计的基础要素——关注用户的浏览体验

如果你在设计和建立网站时不关注用户体验，你就无法更好地了解公众的真实需求。因此,将会有偏差在这些网站的生产过程,这不仅会影响到专业和演示效果,而且直接影响到公众用户的浏览的视觉体验,导致穷人越来越流行的网站和缺乏更好的营销手段。因此，必须重视用户的浏览体验和生产。

这些网页美工设计的基础要素都会影响网站制作的成功率，并直接决定网站制作能否满足每个人的需求，所以我们应该了解。环球网校将会持续更新平面设计的相关资讯及技巧，可以点击本站的其他文章进行学习。