发表于: 2018-11-18 20:58:35

1 910


今天完成的事情:           

 

今天做了任务7,做了一个登陆页面

 

明天计划的事情:   
继续做任务7.   
                      
遇到的问题:      
刚开始的时候不会做,不知道冲哪里下手,一脸懵逼,师兄师姐指点,在花瓣网看了一些设计排版。
          
收获:


今天在百度上面找了网页设计师入门知识:

04c759ad4257a801211d25e76bbf.jpg
ea9b59ad4306a801211d2560f7a5.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等甚至更大尺寸、追求设计扁平化、全屏设计、大背景图设计也是个主流的方式、响应式网站也同样热门于网页设计当中、通栏整洁设计、让用户有更好的用户体验、在各个终端演示观看都是一个出彩的效果、还有滚动式、滚动视觉差形式、多种方式同样展示出最终效果、设计形式根据时期趋势追求大图、大视频、大背景设计手法、更让浏览者有更好的视觉体验。

 




返回列表 返回列表
评论

    分享到