美文网首页
形式感-网页视觉设计

形式感-网页视觉设计

作者: 飞水 | 来源:发表于2015-10-25 16:52 被阅读0次

    比较偏向活动宣传的网页。

    1.抄现实。

       选择要模仿的显示素材——做减法剩框架——把信息分块——加装饰

       可收集一些背景素材,比如菜盘,信纸等等

    2.建议每次先给自己划个固定时间收集素材(半天?),然后选取方向:3D写实?2D?Q版?

       有一些冲突的小问题可以待之后解决,先定大方向。例:剑灵武神塔,选择Q版风格为大方向,而必须加入的游戏截图与之冲突,待之后解决。(解决办法:加入微写实,带透视的Q版元件来嵌入)

    3.常用主形——矩形严肃庄重,适合摒弃装饰突出内容。    圆形,活泼、可爱。    三角形,动感、时尚、刺激。

    4.运用素材时注意根据主题来进行裁切修改,突出局部。(比如人像裁去脸,突出动作/衣服等)   还可以替换局部,给人更大的视觉冲击。

    5.做好长页面的一大要点——连贯性。可以是蜿蜒的装饰线(手绘、彩带等等),也可以巧用某种元素

       长页面可以采用板块间的撞色来吸引人

       尽量多的留白可以让阅读轻松些。

    6. 简洁大气——大气来源于背景大图、简洁来源于内容的收纳,不用撑满整个版面。当内容较多时,偏居一侧,并且可以采取渐变、透明镂空等技巧。

       纯白界面容易太空,可以加入各种点缀,以及一些阴影来营造多个层次。同时页面底部可以换为大片纯色来调节视觉疲劳。

    7.轻微旋转——运动、时尚、刺激的感觉。

       一般三种旋转。整体旋转——背景+文字。注意旋转后后主内容尺寸不超过1000px

                             背景旋转——常用

                             综合旋转——标题、口号、装饰旋转等等、或者只是加斜线。也常用。

    8. 平移格局。背景与内容层有前后空间感。同时有利于排版的层次。

        主要是两块不同背景的碰撞

    相关文章

      网友评论

          本文标题:形式感-网页视觉设计

          本文链接:https://www.haomeiwen.com/subject/itqxhttx.html