<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设?#24179;?#31243; > 网页设?#24179;?#31243; > 浅析平面设计与网页设计的差异性

        浅析平面设计与网页设计的差异性

        这段时间一直在做印像派的商品设计如照片书台历之类从网页产品设计转行过来的我时常在想平面设计和网页都是设计但区别又是那么大那不就与大自然中的猫和老虎一样嘛它们都属于猫科动物但又不是同一种生物有着很大的差别

        现在就让我们来分析一下同样作为视觉传达设计她们之间的差异性

        1.视觉元素

        在色彩方面平面设计与网页设计使用的色彩模式完全不同平面设计因为后期的实现?#35272;?#20110;印刷所以采用CMYK的色彩模式而网页根据其显像方式使用RGB的色彩模式平面设计时的色彩运用注重视觉的冲击力及视觉流的引导(在这点上与网页设计中的BANNER设计相类似)而网页设计(产品类)更注重的是信息结构关系的梳理如果将色彩运用的过多过强很容易引起视觉的疲劳?#23567;?/p>

        我们平时在设计过程中平面设计的字体选用更为自由一些不用担心后期实现的问题所有的文字最后都会输出为图形进行印刷而网页设计就需要考虑的更为全面并且在字体的选用?#27573;?#19978;也很小为了让输出的成品大小不对服务器造成压力基于html的特性所有字体都是根据用户操作系统内默认字体而定的当然近年随着技术的沿革与发展这个差距也逐步在缩小目前通过html5的API可以实现个性化字体的使用而不需要将个性化的字体最终输出为图形在不增加后?#25628;?#21147;的同时大大提升了用户体验?#27973;?#36190;

        从图形使用上平面设计比网页设计丰富表现方式也多样化特别是对于产品类的网页设计模块化的设计思路更为明显在视觉表现上也是如此平面对于图形的表现是不需要考虑到后期的实现的在一点上是有目共睹的在来说一下咱们设计时使用的尺寸单位问题平面设计在使用尺寸标注时都用的是物理尺寸的概念比如英寸厘米毫米等而网页使用的像素

        2.呈现方式

        浅析平面设计与网页设计的差异性

        3.信息载体

        4.浏览方式

        平面设计的属于渐进式的浏览方式无法对整个浏览的过程进行多样化串联网页设计拥有滚动条下拉按钮链接跳转等多样化的浏览信息方式在拥有同样一种信息架构的条件下信息之间的串联性更为丰富用户选择信息的自由度更大但平面设计也自然有其优势所在比如平时我在设计照片书这类产品的时候就很明显的发现这一类的产品在电脑显示器上进行翻?#27169;?#19981;如印刷成为一个真实的书本来翻阅感受要更好一些并且更具有收藏及纪念意义(http://yxp.163.com/)

        5.信息传播

        平面设计属于比较传统的信息媒介设计一般会通过张贴销售邮寄派送等形式进行传播这样传播的方式?#27573;?#23567;?#39029;?#26412;较高相对而言在这方面网页设计的信息传播能力却?#27973;?#30340;强但?#35272;?#20110;第三方媒介的支持平面设计?#20174;?#26377;更为广泛的受众人?#28023;?#19981;同的年龄层对于纸张或书本的信息接受能力总是强于网络?#25945;?#30340;毕竟网络信息获取的将会存在一个学习成本在今后网络信息的不断普及以及终端媒介用户体验的不断提升在受众人群方面在我看来差距会越来越小

        这两种设计形式拥有着不同的用户体验我们应该根据不同设计内容选择正确的设计?#38382;教?#21319;用户体验以上这些只是个人对平面与网页设计的一些粗浅认识也作为抛砖引玉希望大家能分享出自己对于设计的想法引用一段平面设计大师陈幼坚的一段话“做创意最重要就是定位清晰如果定位清楚目标明确很多创意就会自然创造出来这就好像你想找一个?#19981;?#30340;姑娘就跑到酒吧去张望这太麻烦了要先?#33539;?#20320;要找什么样的女孩子到酒吧就指哦这个那个——多简单!”

        分享到: 
        Photoshop设计电影导演工作室网站首页
        从平面栅格设计看网页中的布局设计
        ڿ¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>