网页美工设计主要从哪些方面设计（网页美工设计怎么做）

本文目录

• 网页美工设计怎么做
• 网页美工设计技巧
• 网页美工设计主要从哪些方面设计头脑风暴
• 网页设计主要指的是哪些方面
• 网页美工设计的要点有哪些呢

网页美工设计怎么做

网页美工设计怎么做

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

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

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

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

　　在网页美工切图设计要注意以下几点：定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX等，最好不要超过1200PX的宽度，高度没有限制。大多数做网站的公司都有一个比较合理的标准。作为网页背景、网页图标的要清晰，在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。有特效地方，有必要设计出特效样式，以便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级为佳;同版面字型最好在三种以内;文字的颜色最好也是三种以内;文字在颜色上要与背景区别;内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果;表格或清单内的字运用相同字型与字体大小，以利辨别。

网页美工设计主要从哪些方面设计头脑风暴

头脑风暴可用于设计中的每个阶段，在确立了设计问题和设计要求之后的概念创意阶段最为适用。头脑风暴执行过程中有个至关重要的原则，即不要过早否认任何创意。因此在进行头脑风暴时，参与者可以暂时忽略设计要求的限制。当然，也针对某一个特定的设计要求进行一次头脑风暴，例如，可以针对“如何使我们的产品更节能”进行一次头脑风暴。
定义问题
拟写一份问题说明，所有问句以“如何”开头。我们一定是为了解决某个问题，而不是为了闲聊组织头脑风暴的。所以我们要先明确问题是什么，才能引导大家帮助我们。
挑选参与人员，并为整个活动过程制作计划流程，其中必须包含时间轴和需要用到的方法。提前召集参会人员进行一次会议，解释方法和规则。如果有必要，可能需要重新定义问题，并提前为参与者举行热身活动。
从问题出发，发散思维。对于问题，我们可以试着用一句话去概述它，注意必须要具体，不能太含糊。“如何设计一张海报”就是一个很糟糕的描述。试着把目标用户、业务目标、场景加进这句话，比如“如何设计一张能够吸引应届毕业生加入XX设计中心的朋友圈海报”。
拆解问题当定义出问题之后，接下来就是给出脑爆的核心关键词。明确具体问题后，我们还需要将它进行拆解成一个个关键问题，这样才能有序展开讨论，而不是漫无目标地侃大山。比如刚刚提到的那个问题，就可以拆成“应届生的关键词是什么”、“应届生找工作时最关心什么”、“XX设计中心的关键词是什么”、“什么样的元素能够代表设计师”、“什么样的朋友圈海报形式比较吸引人”等等。再比如，假设要“解决高楼电梯中午太堵”，你可能会冒出很多顾虑，比如不能成本太贵，乘客好接受，要减少占用面积，要有趣，要有科技感，不能破坏我厂高逼格的气质等等，这么多顾虑不可能全部抛出给参与者。所以一开始就要有一个属于自己的筛选，PASS掉大部分的顾虑，定两到三个最核心的关键词。
确定分工
一般来说头脑风暴里有三种角色，主持人、记录员和参与者。主持人的职责是带着大家按节奏讨论，记录员的职责是记录大家的想法和拍照。过程中可以运用白板或者贴便利贴的方式进行记录。参与人员的数量一般在5-10人之间，人数太少收集不到足够的想法，人数太多讨论效率低，耗时长，尽量找不同的角色来参与，从不同角度发散，这样你的设计才可能更加亲近大众。在我们上面举的海报例子中，如果能拉应届设计师加入脑暴，将非常有帮助。
制定流程
有了明确的问题和关键问题后，我们要做的就是将它们在头脑风暴按步骤上提出来，让大家跟着我们的节奏去展开脑洞，这也就是头脑风暴的流程。一场头脑风暴往往包含背景介绍、多轮脑暴、阐述想法、投票等环节，作为组织者需要详细规划每个环节的顺序、时间，特别是需要控制总时长（尽量别超过一个半小时），预留中场休息的时间，毕竟大家很难长时间集中注意力。

网页设计主要指的是哪些方面

一、狭义的说，网页设计就是美工工作，色彩搭配，图片处理等；
二、广义的说，网页设计不仅仅局限在美工工作，网页设计是网站策划的总要部分。如：网页如何布局，网页用户体验，网页优化（包括标准化、合理化、SEO），网页美术设计及处理等；
以上仅代表个人观点。

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

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