设计理论:用户界面UI的icon设计

一个icon 设计的好坏,除了好看与否以外,还有是功能性的考量- 是否容易、准确地让用户理解到其所想表达的意思。每一个UI 上的icon (符号)背后其实都是一个「隐喻」,运用真实世界所熟悉的概念来描述某功能。

其中一个影响icon 表达能力的因素是icon 的真实度(realism)。在《现实主义在用户界面设计》一文中作者举出了如下例子:

可见 icon 的呈现并不是越真实越好。一个优秀的 icon 必须抽丝剥茧,把不必要的细节去除掉,同时又不能过于抽像。事实上,一个icon 的认知度跟细节有如下图的关系:

当然,抽丝之前当然先得确保对像是正确。特别是要形像化一些抽像概念的时候,选择一个正确的符号会是整个设计中最困难的一个环节。 Mac 软件开发公司 恐慌 设计部门常务委员会設計 清除 Clear 按鈕的时候就尝试了二十多种做法:

结果该团队决定参考Apple 的做法,直接写Clear 了事XD

设计有限公司,一个众所周知的图标 iconwerk.de 早前推出了一个video podcast,展示了他们设计icon 的过程。包括一些描像概念的 icon。

时间: 2024-08-18 17:39:19

设计理论:用户界面UI的icon设计的相关文章

交互设计理论:我们眼中的交互设计

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的. 从用户角度来说,交互设计是一种如何让产品易用,有效

网页banner设计理论:工作中对banner设计的理解

网页制作Webjx文章简介:Banner广告条中的字体设计. 由于banner一般用于专题类网站,在门户网站的二级页面,用户进来之前,在首页已经对主题有一定的了解和认识,所以banner的作用是在二级页面中起到包装页面的同时增加内容的趣味度和内容方向引导:所以这也是和传统广告中普遍要求第一感官视觉冲击力来强奸眼球所不同的地方 本来想写"Advertisemen中的字体结构分析",后来发现这个标题写得有点大,偏离了在目前工作中的针对性,因此缩小到banner的范围,以下内容仅个人在目前工

用户体验设计理论:互联网新产品的设计

写在前面:最近因一些原因思考新产品,或者说大公司里的新产品开发,有些不太成型但也又试图想得完整些的想法,暂列如下.整个产业和产品背景都被去掉了,有点干巴巴. >>>>产品的决策路径 -产品战略为什么要开发这个产品,即是否需要这个产品?公司的资源能不能支持这个产品的开发与运营?产品是什么? -产品决策何时决策开发?何时完成开发? -产品决定产品设计是不是对?产品设计是不是好? -资源运用如何利用内部资源?如何利用外部资源? -运营策略如何运营,包括团队.节奏.手段等等?如何获&quo

设计理论:网页中文字体排版设计

TeX 排版中文字体嵌入问题,兼谈不拘小节的中文字体设计 原文:http://yulewang.spaces.live.com/blog/cns!5C815C994ABB661E!262.entry 低于 18 周岁的小朋友们请不要看此文,会被吓到的.如果你和中国的字体公司有联系,请把我所描述的问题转告给他们. 考完作文后,在上海小歇,除了吃喝玩乐加上逛街还有被导师虐着写文章,自己看两眼G词以外,就是在尝试解决中文 TeX 用户几年来一直抱怨的关于 TeX 产生的 pdf 文档中文字体看上去太细

设计理论:WordPress博客导航设计技巧

我的博客的导航的内容主要分为以下几种:博客分类导航(即放在页面顶部或者左侧/右侧的导航).标题.翻页/分页导航.其他导航(文章内链接.关键字.友情链接.文章内容导航等). 博客分类导航 1.导航的放置位置会影响到访客对博客内容的关注度和二次点击.在设计博客导航之初,只有页面的导航,而且习惯性地放在了头部(header.php).后来我发现,网页访客统计里有很多访客在点击顶部的页面(page),点击数大大超过了访问量最多的单篇文章的点击量,所以我在头部的导航里又加入了博客文章分类的导航,设计的时候

设计理论:用户体验流程设计

用户体验中的流程是十分重要的,因为好的产品要尽量减少用户在使用中的多余操作,以使得用户得到最好的体验效果,一下我们将讨论流程中最简单的一种"单线流程" 什么是单线流程我所理解的单线流程是指,当用户进入某个流程时,只能"前进" "后退" 或者"退出",而没有多余的干扰流程.当然纯粹的遵守单线流程在实际的产品设计中没有任何意义,我们在做得更多的是让产品流程更接近单线流程.接下来我会举一些实际的例子. A到B的流程(这里的"

设计理论:以人为本的绿色设计

对设计"以人为本"和"绿色设计"两个观点的反思--兼与设计界同仁商榷Reflection of Two Views: "People-oriented design" & "green design" -- Discussion with Scholars in Design Field顾群业 王拓 内容摘要:本文通过对设计界流行并存在争议的两个问题,即设计是否以人为本.绿色设计的指向两个问题进行了思考.笔者认为,设计

移动UI/UX交互设计案例:50个精美移动UI设计

文章描述:50款拥有超赞用户体验的精美移动UI设计. 实际上用户界面(UI)和用户体验(UX)就如同硬币的两边,两者同等重要.他们在用户跟他们的产品之间都保持着紧密的联系.用户界面(UI)描述的是面对XX以及产品,而用户体验(UX)面对的则是用户的体验和对产品的洞察力.除此之外,简单来说用户界面(UI)面对的是技术以及整个网站的表现形式,用户体验(UX)面临的则是用户的理解和反应. 最漂亮.时尚.超赞的移动UI设计都在这儿了.今天,我们从behance和dribbble挑选了50款拥有超赞用户体

设计思想:用户界面(UI)在中国的发展历程

UI全称User Interface,中文叫"用户界面". 2000年传入国内,国内最早专业从事UI的公司还是我们的民族软件--金山,据说在2000年已成立人机界面组,只有2个人.金山软件的UI团队是业内名副其实的黄埔军校,培养了如今江湖上整整一代的设计领袖,并且他们的作品也深远影响了国产软件的用户体验整体水准.也许早期的金山软件用户们还记得,随后WPS和金山毒霸的界面设计在整个大环境内首屈一指. 2001年2月出版的<软件创新之路>中文版,在技术专著角度强调了交互与界面的