网页设计师两项必备的基本能力

悦你是我的

悦你是我的

2016-02-17 03:44

下面这个网页设计师两项必备的基本能力教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

此文章是近期一次公司组织的设计师培训活动中,我为公司北广东区准备的《我在这里做设计空》演讲中的节选,主要讲的是网页设计师必备两项基本能力版面设计和彩色配搭,自身经历和方法可能对在战斗一线的设计师有所作用吧,那也是此次活动中我觉得唯一自己能讲的东西。因为有上下文联系,如果看得有一些茫然请谅解。

一、版面设计

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

正在我对软件操作得得意洋洋的时候,热衷于各种快捷键操作得溜的时候,以飞快的速度处理各种效果的时候,隐隐约约地感觉到我做出来的网站似乎总是看不顺眼,感觉好像老是不对,对于哪里不对劲,自己也一直搞不清楚。平时做网站的时候大家一般都喜欢到酷站找一些灵感还有参考,我也是一样,有几次打了几个非常简洁的国外网站,进去之后感觉非常不错,这些网站通常就是几条线条和几个色块组成,简单之余给人第一眼看着感觉就很舒服。于是沿着这个思想慢慢进行探索,发现了网站的版面比例分配是让人感觉舒服的一个关键点,简单的一个例子,版面上只有两个方块,但是有的人摆出来就看着好看,有的人搞出来感觉老是不到位。

网页设计师两项必备的基本能力,PS教程,图老师教程网

版面设计举例

打个比方吧,在座的帅哥和美女,爱美之心人皆有之对吧,帅哥都喜欢看美女,美女都喜欢看帅哥,觉得美觉得帅的根本原因是什么,是面部的五官的比例分配,眼晴、鼻子、眉毛、嘴巴、耳朵大小和位置分配得好了就美了帅了,如果分配得不好了那也没有办法嘛,天生的嘛。版面设计也是同一道理,各位块与块之间的大小比例和位置也是决定版面的第一感觉。

网页设计师两项必备的基本能力,PS教程,图老师教程网

版面设计举例-美女

提高版面设计水平的方法,一方面是通过学习版面设计一些专业书籍,比如我看过的佐佐木刚土的《版式设计原理》、达博纳的《英国版式设计教程》这些国外的书籍,或者靳埭强老师的经典之作《视觉传达设计实践》,因为我看过感觉还可以,推荐大家如果有空的时候可以简单地看一下;另外对排版我自己有一个比较土的方法,可能有点愚笨但还是想在这里与大家分享一下。当时我采用了完全黑白色块的排版方式,把每一块内容暂时先用一个灰色的色块暂时代替,然后看彼此之间的大小比例和位置是否协调,如果不理想的话调整至合理比例之后再填充内容,这种就是典型的书籍排版方式。

二、色彩搭配

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

然后填充进去内容无论是文字还是图片,我都把他们调整成黑白色,为了是保证我的版面布局的合理性。然后就发现我变成色盲了,整个灰白色的版面。接下来就是训练自己对色彩的敏感度了,将一个灰白色的版面要调整成一个你事先想象中彩色鲜明的效果图。第一步我喜欢先把释放标志的色彩,因为一般标志都会包含企业色彩,也直接决定了整个版面色系选择。然后再一步一步把背景、导航、边栏的色彩逐步做上去。这样反反复复来回调整,选择一个自己感觉合适的方案。对色彩的感知是可以通过训练慢慢提高的,如果真的感觉自己找不到方法无法提高的话,我建议还是要找几本书好好去看一下,例如日本视觉设计研究所的《七日掌握设计配色基础》就是一本不错的教程。关于色彩设计的书可以让设计师学习找到色彩的最基本感知能力。

版面设计和色彩搭配这两个方面如果掌握好了,那对于一个设计师来说就相当吃了一颗定心丸,因为这时你已经拥有了为企业网站设计做出一个漂亮的界面两项最重要的能力。当时整个公司的设计师都在PK工作量,每天都传出来哪个公司的设计师做了多量,那时我保证每个月大概完成相应量的情况下,我花了更多的时间在训练版面设计和色彩搭配上面,而这段时间至少是半年到一年。

讨论

展开更多 50%)
分享

猜你喜欢

网页设计师两项必备的基本能力

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页设计师两项必备的基本能力

婴儿的基本能力如何训练

设计创意
婴儿的基本能力如何训练

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

服装设计需要掌握哪些基本能力

服装设计 网页设计 名片设计 海报设计
服装设计需要掌握哪些基本能力

转氨酶的两项指标

健康常识 健康生活 生活小常识 生活小窍门
转氨酶的两项指标

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

CSS将成为网页设计师必备知识

Web开发
CSS将成为网页设计师必备知识

网页设计师需掌握的6种能力

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页设计师需掌握的6种能力

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

线框图入门:各种线框图的不同定位

线框图入门:各种线框图的不同定位

怎样才能拍摄出清晰的人像照片

怎样才能拍摄出清晰的人像照片
下拉加载更多内容 ↓