浅析网站中的隐喻设计

添加评论 2009年11月17日 697 次阅读

1.     定义: 

 百度百科: 隐喻是在彼类事物的暗示下感知、体验、想象、理解、谈论此类事物的心理行为、语言行为和文化行为。 不仅仅是一种视觉形象语言, 更重要的是一种视觉设计思维。

 好处:易识别, 易记忆, 通用性强 

 2.       隐喻的分类:   

具体隐喻:从隐喻对象的“物“出发,

举例:图标 

 

结构性隐喻:信息架构, 交互流程 

19楼:真实、丰富、温暖的网上城市,网上银行, 财富系统,楼层,不动产

全国首创的同时拥有网络公共会所、个人空间、商业区、互助公社等社区功能的全新网上城市 

 

功能性隐喻: 从隐喻对象的“能”角度出发, 把你在计算机环境下的所作的工作同你在其他环境下所作的工作联系起来。

举例:   

2

语义:最高的,最上的及最高最上的部分:~点。头~。山~。~巅。~尖。

支持,赞同和欣赏的意思。多见于跟帖,表示对发贴者的观点理解和赞同。 

后来各大论坛逐渐完善了精品帖子置顶的技术,导致字又具备了一种推荐阅读的意思。

举例:19楼bb大卖场的千金鼎服务 3

 

3.具体的应用(具体的隐喻)

 

图标:已经被大家认知

现实的事物
图标
表达信息
信封
 4
邮箱, 联系
文件夹
 5
文件
放大镜
 6
搜索
房屋
 
首页

 

导航:  

歌唱比赛的专题网站, 运用了舞台的铁架 

9 

 

唱片公司的网站, 导航借用现实生活中的事物

 8

 

肌理:

中国元素的水墨

 10

 

 

布局(视觉结构) 

 卖T恤的电子商务网站

 12

  

4.如何使用

 

a.选择合适的隐喻对象

根据用户的需求,产品的定位,建立起相应的功能模块, 然后联想现实世界中的事物(包括具体的和抽象的)

 

b.要遵循一致性的原则

 

c.避免滥用隐喻

不要为实现某种功能而强制用隐喻这种方法,也不要强制某种隐喻去适应某种功能

13

   图标被毫无节制的滥用,那些原本有价值的图标被淹没在众多“网页设计素材”中。 把图标当作页面上的装饰元素 

  1. 2009年11月20日 at 20:28 | #1

    哇····我来要链接

  2. 2009年11月20日 at 22:02 | #2

    前来围观,并已加链接。

  3. 2009年12月14日 at 16:05 | #3

    请问那个卖T恤的网站的网址是什么啊。请发到我邮箱吧。多谢。

  4. 2009年12月15日 at 14:25 | #4

    @小凯子VS士大夫
    http://www.custom-tshirts.eu/

  5. 2009年12月21日 at 17:14 | #5

    要记得更新哦~

  6. 2010年8月17日 at 13:54 | #6
    qy

    这篇真好,很有帮助!

  1. 还没有 trackbacks
订阅评论