• 会员免费下载
  • 全站可下载
  • 每日更新
  • 尊贵会员铭牌
  • 专享高速下载
  • 享有专属客服
立即开通会员买1年送1年
  • 正版授权 商用无忧
  • 版权协议保障
  • 多人使用 高效便捷
  • 正规发票 报销无忧
立即加入企业VIP送京东购物卡
登录注册
游客您好
第三方账号登陆
  • 400-123-4567

    工作时间

    周一至周五:9:00-21:00

    周末及节日:9:00-18:00

  • 手机版二维码

    随时手机查素材

  • 扫描二维码

    加入官方微信群

网页设计师入门必备知识指南

图文教程 SEENVISION
2019-9-12 10:01 279人浏览 0人回复
摘要

网页设计入门之前的知识,多年设计经验所总结。围绕平面与网页设计之间的不同差异和共同点讲解一些平面与网页知识点、从字体、像素、版式、色彩、如何学习等角度讲解。大家对于网页设计的认识有多少呢?知道网页和平 ...

网页设计入门之前的知识,多年设计经验所总结。围绕平面与网页设计之间的不同差异和共同点讲解一些平面与网页知识点、从字体、像素、版式、色彩、如何学习等角度讲解。

大家对于网页设计的认识有多少呢?知道网页和平面的区别吗?那么学习网页又要从哪些地方学起呢?需学习哪些软件呢?如何快速成为一名网页设计师……等等。有一部分的网页设计新手会有疑惑,我就与大家聊一聊网页设计和平面设计的区别。想入门网页设计都需要掌握什么软件以及技巧。

 

04c759ad4257a801211d25e76bbf.jpgea9b59ad4306a801211d2560f7a5.jpg

 

 

 

 

 

 

 

 

 

 

 

 

屏幕显示视觉传达动态    传统纸类视觉传达设计

设计 技术的呈现方式    设计 工艺的呈现方式

两个同样是视觉传达的设计但是之间的差异性在于

7c9f59ad448ba801211d25423601.jpgcecc59ad44f4a801211d252aaa0b.jpg

 

 

 

382e59ad4559a801211d25aa1e8f.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

网页和平面印刷使用色彩模式完全不同, 平面后期实现依赖于印刷,所以采用CMYK的色彩模式;而网页设计根据屏幕显像方式使用RGB格式 。有一些平面设计师用习惯了CMYK 模式,但当用CMYK去做banner或者是网页的时候颜色色差很大。无论是CMYK模式还是RGB模式,同样是为了设计而服务,只要根据设计的需求遵循色彩模式标准就可以了,这也算是在入门网页设计的时候最基础的知识。

 

57cd59ad45fda801211d255b76a5.jpg2cd259ad4691a801211d25cfdb57.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

在平面设计中会涉及到一些印刷品设计。比如展架、喷绘布、宣传手册、LOGO设计、DM单、折页、臂贴、地贴、角旗、车贴、海报、等等,一般根据设计需求而设定像素,不同尺寸的平面设计设置不同的分辨率。

例一:

设计一个喷绘布,10M长5M宽,那么根据自己的电脑硬件来考虑设置分辨率,一般会选择 30像素、 45像素、 50像素,如果你电脑硬件条件很好则尝试72像素也行,(但是那么大的喷绘布好像很少有用这么高的像素)

9d3359ad4779a801211d25f37cf4.jpg

 

 

 

 

 

 

 

 

 

 

当然了设计设置分辨率也不是很绝对的,还要根据情况而定,但是有一个要记住就是:画面越大分辨率的值就相对于越低,画面越小分辨率的值就要相对于越高。

3fce59ad482ba801211d25e5c9a6.jpgf02f59ad4a0ca8012028a9e51a1a.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

随着互联网的发展、网页设计、UI设计也热门起来、首先是PC/移动端,其中包含了专题设计、栏目设计、门户设计、电商设计、详情页设计、banner广告设计、H5设计、APP设计,无论是其中的哪种设计设置72像素即可、这是因为最早的图形设计是在mac电脑上进行的,mac本身的显示器分辨率就是72,PS中把图像DPI也设成72,便于设计。之后72像素显示器分辨率逐渐成为一种默认的行业标准,这套规则就这么沿用下来。

900f59ad4ac2a801211d25d6de45.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

平面设计中设计海报、展架、画册等都有统一的尺寸规则,网页设计尺寸随着不同时期的流行趋势,尺寸也同样在变化。可视区域内从早期的网页680像素、800像素、960像素、 980像素、1000像素、1200像素在门户网站、专题设计中应用。经过了互联网的发展、网页设计尺寸也有所不同、电商网站为了展示更好、更大的图片产品内容、在设计的时候可视范围设置成1200、1090、1230等甚至更大尺寸、追求设计扁平化、全屏设计、大背景图设计也是个主流的方式、响应式网站也同样热门于网页设计当中、通栏整洁设计、让用户有更好的用户体验、在各个终端演示观看都是一个出彩的效果、还有滚动式、滚动视觉差形式、多种方式同样展示出最终效果、设计形式根据时期趋势追求大图、大视频、大背景设计手法、更让浏览者有更好的视觉体验。

 

0fb559ad4b77a8012028a955f745.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

从版式的布局上来说,平面设计和网页设计有很多可以互用的表达手法。左右布局、上下布局、中心布局、对称布局为最常规的设计版式、排版多样化,最终呈现的效果根据自己的感觉来进行设计。但是很重要的一点,就是在网页设计中一定要模块化,就算是不规则的排版方式,也要做到有理有据。

 

b4cf59ad4c0ca801211d257a2759.jpg

 

 

 

 

 

 

 

 

无论是平面设计也好,网页设计也罢,在字体应用上需要注意如下几点:

  • 文字适合性,根据标题主题选择,字体样式。
  •  可识别性、在文字设计应用设计同时要注重文字的识别性、一定要让浏览者在不失美观的程度下有更好的阅读主题。
  • 文字的美观程度、在运用字体的时候一定要字体具有一定的美观度。整体的效果也会有提升
  • 文字个性化一般都运用在头图或一些大标题上、具有一些文字图形上的变化、虽然变化但是一定要在保持识别性的情况下去做文字图形的修改、文字不只是图形装饰,也是一种文字图形的一种表达方式。
  • 在网页内容正文中一般文字选择性都很小,在正文中,为了让输出的成品大小不对服务器造成压力,一般正文文字都不建议用图片演示、基本是手打字、基于HTML的特性,字体都根据用户操作系统默认字体而定。

鲜花

握手

雷人

路过

鸡蛋
本文暂无评论,快来抢沙发!

本站为非营利性个人网站,本站所有软件来自于互联网,版权属原著所有,如有需要请购买正版。如有侵权,敬请来信联系我们,我们立刻删除。
Powered by Discuz!X3.5 ©2001-2013 Comsenz Inc.星点互联设计( 鲁ICP(324534562) )营业执照