模板天空

 找回密码
 注册

QQ登录

寰俊鐧婚檰

查看: 1694|回复: 7

【分享】点睛之笔:网页视觉设计小技巧

[复制链接]
  • TA的每日心情
    开心
    2024-11-15 00:08
  • 签到天数: 2660 天

    连续签到: 8 天

    [LV.Master]伴坛终老

    发表于 2012-10-20 11:26:33 | 显示全部楼层 |阅读模式
    本帖最后由 arim6867 于 2012-10-21 10:14 编辑

    点睛之笔:网页视觉设计小技巧






    点睛之笔:网页视觉设计小技巧


    页面设计过程中经常需要根据不同节日、不同主题做不同的详细设计。平面设计中的一些小技巧对类主题界面设计来说相当重要,精巧的细节设计会帮助页面画龙点睛,创造与众不同的视觉效果。

      本文第一部分用一个个人主页的新年版视觉设计为例,详细剖析如何用一些小技巧轻松方便地设计出漂亮的网页视觉效果。

      第二部分用一个设计得不太成功的的情人节页面视觉设计为例,经过简单修改,画龙点睛、变腐朽为神奇,为大家的页面视觉设计提供一些帮助。

      一、个人主页新年版视觉设计剖析
    1-1.jpg
      如上图是Relen的个人主页Relen.com,2004版的首页发布信息,尤其是过年前后,利用雪花来点缀页面是非常合适的。注意这里面的雪花的摆设位置是有些技巧的,你可以考虑用黄金分割来支配你的设计思路,以达到合理、舒适的效果。
      先排列文字,运用两到三种不同的字体,绝大多数文字对齐左侧,而其中一行突出,形成错落有致的感觉。文字的大小需要调整,主要信息文字大写,字体突出。而其他根据信息主次和平面设计的要求等多种因素进行排列。个别地方使用斜体加强,或用加粗的形式明示。

      字体位置可以放在对角线的中部位置。如上三张图,效果都会不错。
    注意,当文字的位置已经确定时,插图背景中的雪花要对照着文字放入。先做对称比例,注意雪花的大小。太大,会抢夺文字在画面中的重要性,也会影响到其他雪花的排入。寻找合适的位置与大小,感觉画面中各个物体之间的关系。
      在文字上方放入的雪花及文字旁边放入的雪花,最下方的雪花,基本上成为斜直线,如此会形成一种飘落的感觉。上方的雪花显示出一般,处理时灵活些,与右上方的点呼应。
      注意到这几个点的位置都相当重要,可以形成独立的垂直三角形。平面设计中也有力的关系,每个物体之间均有影响和推动作用,不要生硬的搭配它们,而是摸索它们之间的作用关系和相互的对比。
      几个点把握好后,再加入一些雪花是画面更加丰富。注意下部又加了一个点这个点使雪花的飘动减慢了,部分雪花可以近似垂直的飘落下来。左下角的部分多些雪花,这个地方的雪花堆积,起到画面平衡重心的作用。
      加入多少雪花,主要看画面的左右两边是否平衡。
      因字体区域大,文字信息也是画面中最为重要的部分,对比来说,雪花是陪衬,是附带信息,美化信息。雪花在传递信息上就要略微弱一些。雪花面积小,但数量多,重复使它提升了重要性,也加强了左右的对比关系,最重要的是,丰富画面内容,使画面完美统一,效果好。
      再次强调:均衡与对称是不同的。对称是在某一个轴线的两边或周围的形象对应、等同造成的一种美感样式,如中国古代建筑或人的双眼、双耳等,它是最早出现以及对人类美的认识产生影响的形式之一。由于对称过于单调,才逐渐形成了均衡这一形式美学的概念,它是对比对称而产生的。是支点两边的形状相异而量感等同的意思,均衡变化多样,只要使画面协调就可以了。
    二、画龙点睛,变腐朽为神奇——情人节页面视觉设计修改

      
    游客,如果您要查看本帖隐藏内容请回复

    回复

    使用道具 举报

    该用户从未签到

    发表于 2012-10-20 19:18:58 | 显示全部楼层
    回复看看......谢谢
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-2-7 13:36
  • 签到天数: 130 天

    连续签到: 1 天

    [LV.7]常住居民III

    发表于 2012-10-21 02:50:02 | 显示全部楼层
    谢谢分享 学习了......
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2024-11-15 00:08
  • 签到天数: 2660 天

    连续签到: 8 天

    [LV.Master]伴坛终老

     楼主| 发表于 2012-10-21 10:16:31 | 显示全部楼层
    不知为什么,我上传了10几张图片,插在文章里,怎么就是显示不出来呢?试了N多次,始终不行,不知何故?
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2013-7-1 13:39
  • 签到天数: 20 天

    连续签到: 0 天

    [LV.4]偶尔看看III

    发表于 2013-5-4 21:53:44 | 显示全部楼层
    谢谢分享 学习了......
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2014-5-20 07:28
  • 签到天数: 18 天

    连续签到: 1 天

    [LV.4]偶尔看看III

    发表于 2014-3-16 23:51:36 | 显示全部楼层
    谢谢楼主的分享
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2021-6-17 21:58
  • 签到天数: 464 天

    连续签到: 1 天

    [LV.9]以坛为家II

    发表于 2016-3-31 11:47:22 | 显示全部楼层
    老师讲的很专业
    回复 支持 反对

    使用道具 举报

    Archiver|手机版|小黑屋|模板天空 ( 浙ICP备14007150号-1 )

    GMT+8, 2024-11-27 08:12

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2020, Tencent Cloud.

    快速回复 返回顶部 返回列表