网页美工设计是什么
说到美工,很多人都听说过。但是很少人知道美工是做什么的。据新消息,有网友发帖询问美工是做什么的。那么网页美工是什么样的工作,网页美工是做什么的呢?网页美工设计是什么?小编格带你看。
美工的概念
美术的工程师(Art Engineer),一般出身于艺术美术院校的艺术设计专业居多,根据工作性质分类为:网页美工,一般需要精通Photoshop等设计软件,对平面,色彩,基调,创意等进行处理。这类美工专业名称正确说法应该叫做UI设计师或者网页设计师,负责软件、公司形象包装、网站优化、产品宣传画册设计等工作。三维美工,是由美工用3DMAX等的三维角色模型设计,道具模型设计,环境场景模型设计,包装设计等。
电影、各种戏剧艺术表演时涉及到的美术工作,包括布景的设计,道具、服装的设计、选择和制作等。
美工的要求
如果想要成为美工设计师你不仅模仿能力强,还要具有具有良好的美术功底与创意能力。网页设计/平面设计相关工作都是由枚红色及是来完成的,那么你就要熟悉Photoshop、CorelDRAW、Illustrator、flash、CAD、3Dmax等设计软件,这些软件可以帮助你完诚设计。
负责公司所需的各类三维设计、平面设计、POP设计、VIP应用设计等,也负责各类活动的现场布置、背景布置和道具制作、商场各类模型、道具的制作和绘制POP等。要协助美术师对商场店堂内、外广告的管理、美术师对商场环境的规划、形象的规划、美陈布置等。配合公司各类社会活动、促销活动的现场布置、道具的制作及美术陈列。
学习美工的方法
学习网页美工设计,你可以在网上学习,比如说看看别人发的视频,或者找一些学习网站去下载。也可以找一下书籍,看看什么书比较好,适合新手入门。
书籍我推荐你去看看《配色设计原理》这本书你的产品是什么定位,要给用户什么样的感觉,一定要跟其定位相应的色彩,形成和谐如一,这本书可以帮你、《设计中的设计》这本书是日本设计大师“原研哉”亲自书写,不是设计的技术层面,而是思想,因为设计时间久了,技术已经不是瓶颈,瓶颈在于思想灵感。
网页设计问题及解决方法
在某些情况下,GIF动画非常有趣,动画能够让访问者获得更好的使用体验,音效可能也有助于提升感受,但这些都只是点缀,切记不可画蛇添足。下面介绍网页设计问题及解决方法,希望对您有所帮助。
1、色彩种类运用过多
很多站长为了让自己的网站更有吸引力,往往会给网站增添一些绚丽的颜色,加入大量色彩鲜艳的文字与边框,而这些颜色的运用与图片内容并不协调。降低了网站内容的可读性。所以如何更好的把握网站<访问者的喜好,为用户提供一个可读性更强的网站?这其中颜色就起到了相当大的作用。
解决办法:最好的办法是使用最多三种主色调与素雅的背景。
2、字体大小存在问题
这类问题往往存在多种表现形式,包括字体不足12号使得用户无法看清甚至点不到后退按钮。很多网页的上的字体都是正常大小,对我们来说刚好,但是父母来说网页上的字就会偏小了。
解决办法:一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起来会显得比较小,阅读起来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px。
3、过度使用GIF、动画与音效
在某些情况下,GIF动画非常有趣;动画能够让访问者获得更好的使用体验;音效可能也有助于提升感受。但这些都只是点缀,切记不可画蛇添足。GIF动画过多会造成一种庸俗而幼稚的氛围,而大家对于音效以及音乐的取向也有所不同。有时,我们精心设计,却难以实现效果。
解决办法:千万别让费尽心力添加的动画与音效成了刺眼又刺耳的垃圾元素。使用GIF动画最好能免则免
4、超大的导航菜单
大型的导航菜单,对于包含大量不同子页面的网站而言,似乎是一个很好的解决方案,然而实际情况并非如此。我们常见的网站设计错误就是在边栏及子菜单中塞进长长的清单,超大的导航菜单对于绝大多数的普通用户而言,看起来更像是迷宫。这看似满足了全部用户的需求,实则会分散用户注意力,并让用户觉得不那么爽。如果导航、侧栏与底栏无法协同工作,那么网站内容再好也将没有意义。
解决办法:信息分类整合其实是就是为了应对这种情况而存在的,将网站的导航内容规划为不同的大分类,有了层级,用户更容易筛选;又或者你可以将导航设计成为更为有趣的图文式链接,让它看起来不那么枯燥,也不失为一个可取的方案。永远不要低估在屏幕上留白的重要性,因为其是创造平衡美感的重要基础。
5、乏味无趣的加载页面
随着技术的进步,时间对于人们来说越来越宝贵,为了一个20M的网页在浏览器前静静坐上1分钟等待加载,那大多数用户都会有关掉它的冲动,因为我们会在这个过程中无数次怀疑这个页面是不是卡住了。如今的网站加载需要的是速度和效率,这符合当前的真实用户需求。给用户提供即时的位置、时间和响应对一个优秀的产品来说很重要。
解决办法:
如果你的网站在加载速度上有问题,首先应该加载页面中较轻的元素,以及整个框架,然后使用加载器将较大和较重的元素逐步填充进去。这样一来,用户就不会觉得页面卡在那儿,而是在逐步加载了。
缓冲应该尽量避免,如果它必须存在,那就应该有趣一点。加载页面可以是一个加载进度条,一个为浪费用户等待时间的道歉或者是配有文案的简单动画。
6、设计臃肿,内容杂乱
不断增加的功能会导致需求和交付之间的延迟,这会让设计逐渐变得臃肿。将各类新闻、链接以及图片塞进同一页面只会使其显得杂乱不堪,导致用户难以阅读及导航。
解决办法:坚持增加必要且有价值的功能,尽量避免内容混乱多余。
如何设计网页布局
第一条尽量使用单列而不是多列布局
单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。
第二条合并重复的功能而使界面简洁
在整个网站开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块,它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。
第三条将不同区域的颜色区分出来
颜色,层次及模块间的对比这些视觉上的设计可以很好地帮助用户浏览你的网站:他时刻知道当前所处的页面以及可以转到哪些页面。要传达这样一个好的界面,你就需要将可点击的元素(比如连接,按钮),可选择的元素(比如单选多选框)以及普通的文字明显区分开来。在下图的例子中,我将点击操作的元素设置为蓝色,选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。
第四条界面要有鲜明对比,让人容易区分
把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影渐变等效果让界面富有层次感来张显主题。最后,你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面,以达到突出重心的目的。综合所有这些,最后得到的界面会使你的主要意图与界面其他元素有明显的区分,得到完美的呈现。
第五条把界面做得环环相扣要好过直白的排版
一个平淡无奇行文无疑会让用户失去兴趣而继续阅读。是的,单列滚动的长页面是不错的,但是我们应该适当地设置一些小节,并且环环相扣,来提高用户的兴趣使其继续阅读。但需要注意的是节与节之间的留白不要太大。
第六条让界面平滑显示而不要死板地呈现
用户进行操作过程中,界面上的元素会经常出现,隐藏,打开,关闭,放大缩小移位等。给这些元素增加些自然的动画,淡入淡出效果不但美观,也更符合实际,本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长,那样会让想尽快完成操作的用户不耐烦。
第七条过多边框会让界面四分五裂
过多边框会喧宾夺主。不用说,边框确实在划分区域进行版块设置时有很大的作用,但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的,在排版时可以将界面上不同区域的元素通过空白进行分组,用上不同的背景色,将文字对齐方式进行统一,还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时,我们经常在界面上方便地拖出很多区块来,这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐,这样做不会让那些多余的线条来扰乱视觉。
第八条界面设计得一致
界面设计中尽量保持一致性成了一个普遍遵循的准则。可以在很多方面下功夫来实现一个一致的界面,包括颜色,方向,元素的表现形式,位置,大小,形状等。不过在让界面变得一致之前,记住一点,适当的打破整体的一致性也是可取的。这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。所以世事无绝对,我们应遵从一致的设计准则,但适当地打破这种常规。
第九条具有层次的图形化展示优于直白的文字描述
具有层次的设计可以将界面上重要的部分与不次要部分区分开来。要让界面层次分明,可以在这些方面做文章:对齐方式,间距,颜色,缩进,字体大小,元素尺寸等。当所有这些调整运用得适当时,可以提高整个界面的可读性。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计,这样分明的设计也可以让用户放慢速度来慢慢阅读。这样也使界面更有特色一些。就好比一次旅行,你可以乘坐高铁快速到达景区(从页面顶部瞟到底部),但你也可以慢行以欣赏沿途风光。所以层次分明的设计让眼睛有可以停留的地方,而不是对着空白单调的一个屏幕。
第十条优化页面加载速度,不要让用户等太久
速度很重要。页面加载速度和UI对操作的响应速度都直接关系到用户是否有耐心继续等下去。无疑地每多一秒种的等待都会失去一些用户或者项目机会。一个好的解决之道当然就是优化你的页面和图片。除此之外还可以运用心理学让这个等待时间显得不那么长。具体来说有两种技巧。一是显示进度条,二是展示其他相关或有趣的东西来吸引用户的注意力(就好比你沿着传送带走走总比傻站在原地盯着一个位置看要好得多吧)。