‘视觉设计’ 分类的文章

  • 视觉注意力—解剖设计的根源

    物质世界客观存在，而人的“视觉成像”是对当前世界的“唯心”重建。这种重建基于个人“经验”、“感知”和“集体意识”。最初科学家认为人类通过视觉被动获取周围世界的全部图像信息而建立个人的视觉资料库，近10年来的研究表明捕获“全部图像信息”只是个传说，其中由心理学家Daniel T. Levin 和Daniel J. Simons建立的实验“真实世界”客观说明一个事实：大脑利用眼球1/10秒的速度获取重要信息，而这些信息将服务于正在进行的核心任务。举个例子，你的大脑向眼球发出指令阅读这段文字，而让你忽略了文章右侧导航的其他信息。

    左图为相机拍摄效果，右图为人类视觉关注效果

    正因为有如此特性，研究“视觉注意力”变得尤为重要。如何让用户更容易发现我们的产品？如何让商家更有效的广告？如何让我们的网页和软件更容易触动用户，更有萌点？… 在深入问题之前先简单了解三个概念。

    2010.01.23 / no responses / 分类: 用户体验设计(UED), 视觉设计

  • 当视觉设计师遇上产品经理、开发工程师

    我是一个初入互联网的视觉设计师，和以往做设计感受最大的不同就是：一个设计的最终定稿会受到多方面的挑战，有来自产品经理的，来自开发的，来自测试的…等等。那如何在其他团队成员的面前不卑不亢，游刃有余地应对呢？下面这篇文章给了我很大的启发，特别分享给大家。

    　　产品经理、开发工程师和市场策划专员等产品利益关系人认为——视觉设计师在整个团队中没有突出的地位。难道这个论断是正确的吗？我们还能用哪些实例来向这些利益关系人证明视觉视觉设计的重要性呢？

    　　尽管，视觉设计师在他的职业生涯中或者是在某个产品开发进程中会面临不同的阻碍，以下3点是会被经常提及的：

    　　● 视觉设计就是怎样把东西做得更漂亮
    　　● 做流行的东西就可以提高视觉设计的品质
    　　● 我们从单个元素出发来评价视觉设计的效果

    　　视觉设计就是怎样把东西做得更漂亮

    　　尽管现在只有很少的一部分人依旧坚持着这个观点，但认为视觉设计只是蛋糕上的奶油这个观念已存在很久。这就好比把最后一步的视觉设计比喻成产品包装上的一个吸引人注意的蝴蝶结。

    　　这个观点也许源于工业时代。在当时，工业产品才开始出现不同以往的外观设计，而且像雷蒙·罗维（Raymond Loeway，1889-1988，法国）这样的现代工业设计师开始大张旗鼓地宣扬自己的产品美学。

    2010.01.12 / 1 response / 分类: 用户体验设计(UED), 视觉设计

  • 《web信息架构》-信息架构分四类及分类的方式

    信息架构的组件可以拆分成四类

    组织系统
    如何组织信息，例如，依据主题或年代顺序。

    标签系统
    如何表示信息，例如，科学术语（“Acer”）或通俗术语（“maple”）。

    导航系统
    如何浏览信息，例如，通过等级体系的点击。

    搜索系统
    如何搜索信息，例如，对索引系统进行搜索的查询。

    ———————————————————————————————–

    分类信息架构的方式

    浏览Browsing Aids

    这些组件会展现一些预设的路径给用户看，协助他们浏览网站。用户无需清楚地说出查询的内容，而是通过菜单和链接找出他们要的东西。浏览帮手的种类包括：

    组织系统
    网站内容分类或分组的主要方式（例如，按主题、按任务、按用户，或者按年代），也称分类法和等级体系。标签云图（根据用户产生的标签）也是一种组织系统。

    全站导航系统
    主要的导航系统，协助用户了解他们人在网站的什么位置，以及在网站中可以到哪里去（如“面包屑”）。

    2009.11.14 / no responses / 分类: 交互设计, 视觉设计, 设计杂谈

  • 《Web信息架构》-标签系统

    标签可以是字、词、词组、一段文字也可以是图片，是一种概念或内容模块的说明或指引（如图１），传递用户并理解。别小看理解，就如同组织系统中说的每个用户对所看到的内容都会有不同的理解，如何做到真的让用户理解你设计的标签是比防偷菜还难的事。

    null

    图1(典型的标签)

    这个例子可能会觉的这类标签比较简单，容易理解，但要为一些相对专业性的网站做这类标签就抓狂了，比如：金融，医药，教育，政府（如图２）。

    null

    图2(看到这类标签，能想到哪些内容会在相应的标签中呢？)

    标签的分类

    情景式链接：简单说指定的类中放相关的内容。比如看到挂着[化学品]三个字的仓库，没进仓库前就可能联想到三聚氰酸、苏丹红这类。反过来，如果先进仓库看到三聚氰酸、苏丹红，等走出仓库却看到 [食品仓库]时，一定会让人费解。再比如一个论坛的[股票]栏目和一个财经网站的[股票]栏目，在这两个不同情景下（前一种讨论股票后一种观察股票），一个标签的概念就会更让人容易理解。

    标题：比如文章的题目、新闻列表的编号、项目符号(CSS中list-style-type)、图片，这类标签还能区分内容的结构层次。比如注册时的第一步，第二步；读文章时的第一节，第二节。

    2009.11.14 / no responses / 分类: 交互设计, 视觉设计, 设计杂谈

  • 支付宝lab logo设计创意发想

    支付宝lab的意思是支付宝实验室，也就是概念产品聚集地，可以让用户快速试用这些新产品。本次支付宝lab logo设计历时一个星期，视觉设计组成员群策群力，从创意发想，初稿试水，到最后的成稿执行都凝聚着每一个成员的智慧。
    以下是创意发想阶段的线描草稿

    在创意发想阶段，我们共同提出了灯泡，电池，龙舟，瓶子，灯丝，化学，七巧板这几个方案。每一个方案的执行又有几个不同的变形，比如电池的充电方式可以表现成尾部新加电池充电或者将支付宝三个字看成三个电池同时为这三节的正极充电。又如在七巧板方案中，我们出了两套方案，分别是以lab做七巧板和以支付宝这三个字作为七巧板。
    以下是根据草稿进一步细化的设计稿

    在设计过程中大家都学习到了以下设计技巧和方法：
    设计logo时会特别留意缩小后的显示效果（比如龙舟的方案缩小后会看不清楚）；
    元素切忌过多堆叠使用（比如七巧板不宜过多，保持七个即可）；
    线条不必过于拘泥于原字体，可以根据设计需要灵活变化（比如最终灯丝方案的设计，lab这几个字可以稍微胖一点，流动一点以符合灯泡的造型）；
    做到清晰突出重点（例如电池的L表达起来不是很容易显得清晰和突出）。
    综合以上的这些考量因素最终决定使用灯丝的logo设计（见下图）。该设计创意十足，同时兼具实验室元素，执行结果也显得得十分可爱和清晰。

    这只是一个开始，相信UED视觉小组成员经过本次活动能够越来越多的参与到更多创意活动中来。用自己的力量营造UED的创意氛围，也让我们的用户眼前一亮！
    感谢：http://ued.alipay.com 分享

    2009.11.05 / no responses / 分类: 视觉设计

« Older posts

最近文章

最近评论

分类目录

紫枫印迹

2010年三月
一 二 三 四 五 六 日
« 二    
1234567
891011121314
15161718192021
22232425262728
293031  

标签云

banner CSS+HTML css2.0 HTML5 SEO SNS User Friendly2009 VIP web 中文手册 互联网 交互 交互设计 产品 产品设计 产品设计师 体验 信息架构 制作网页 前端开发 命名规则 图片居中 垂直居中 小广告 小技巧 手机网站开发 按钮 支付宝 李开复 流程 用户习惯 用户体验 用户界面 用户研究 用户访谈 瞬间的设计 网站运营 网页设计 背景 行动 视觉设计 设计 设计师 身体语言 页面重构

用户体验设计(UED)

紫枫友情收藏

86ue_rss

设置

AWSOM Powered