- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
UI设计基础
PAGE 1
目 录
TOC \o "1-3" \h \z \u 一、概述 1
二、具体步骤 1
图标设计的创意
本次课程用图形而不要文字来表示概念,是因为图形比文字更直观、更具情感性元素,但是图形没有文字表意准确。因此,图标设计的核心思想就是要尽可能地发挥图形的优势。
一、概述
图标作为一种重要而基本的承载功能的视觉元素,以各种规格、形式存在于PC、移动系统、软件、网站、多媒体应用、游戏以及其他各种平台和应用中。
二、具体步骤:
1、以用户为中心
根据项目需求,通过前期的用户研究了解目标用户的认知层次和共性特征、地域特征,使用用户理解的视觉语言和用户喜欢的设计风格来进行UI 设计。以用户理解的视觉语言和用户喜欢的设计风格来进行UI设计。以用户为中心是图标设计的核心思想。
从功能性出发
图标是承载界面互动功能的对象,用户对一个图标进行操作是为了能完成一项交互功能。功能是第一位的,首先UI设计要满足交互功能的需要,然后才是美感和其他方面的需要。
图标的识别性
看到UI中的一个图标就能够明白它所代表的含义和指示的概念。要使这个概念快速准确地传递给用户,这是图标设计的灵魂。
合理运用图形的隐喻
图表示具有明确指代含义的图形符号,多义性是图形的特点之一,但图标只能有一个含义,因此,对图形进行设计时必须无歧义地表达出图标的含义。
图标的图形本身避免出现文字和操作界面中的元素
常常文字会配合图标一起出现,桌面的程序图标下会有相应的文字,其目的是对图标的概念进行辅助性的说明,相当于对了一个传达信息的通道。但是通常设计图标时,如果图形本身就能够明确地指示其概念,那么图形中就要避免出现说明性的文字要素。
合理运用现存图标中通识的概念元素
在使用图形指代概念、功能时,使用大家通识的、约定俗成的视觉元素。在系统、软件、网站UI中,工具盒齿轮造型的图标代表的是功能设置,可以提取并沿用这个概念设计不同形态的工具盒齿轮造型的图标。
适度的元素数量和细节表现
过于简单的形象或者缺乏应用的细节会导致指示概念不明确,而过多的图形元素和细节会分散意识焦点,加重用户的认知负担,降低可用性和交互效率,要选择最能指示概念的形象并强调和突出它。
整体性和可延续性
在一组成套的图标中,需要有共性的视觉元素使它们形成一个整体,而且这种共性的视觉元素是能够在设计新的功能图标中得以延续的。如果这种共性使图标整体看起来协调并特征明确,就代表这套图标具有自己的风格,这样的图标看上去更具有视觉感染力、更专业、更容易提升用户体验。
与环境的协调性
图标存在于界面环境中,是界面的一部分。因此,图标的设计,要考虑图标所处的环境与界面的风格是否统一。
视觉效果
图标在满足基本功能的需求上,可以考虑更高层次的需求--情感体验。图标设计的视觉效果,取决于设计师的天赋、审美和艺术修养,这也需要大量的实践和积累,需要从各种绘画和设计作品中汲取营养。
原创性
原创性对设计师提出了更高的要求,原创的、风格强烈的图标更能在第一时间吸引用户,并能给用户留下深刻的印象。切忌用网上收集来的素材进行野蛮的拼凑,各种风格视觉元素的堆砌必然导致图标和整个UI的粗制滥造、水准低下。
您可能关注的文档
- K402 农产品快速检测 W6-5 苯甲酸钠的家庭快速检测 W6-5-3 苯甲酸钠的家庭快速检测-微教材.docx
- K404 农产品追溯 W1-4 农产品可追溯的作用 W1农产品可追溯的作用-4-3-微教材.docx
- K404 农产品追溯 W2-4 网站查询溯源 W2网络查询溯源-4-3-微教材.docx
- K404 农产品追溯 W3-3 物流配送阶段追溯 W3物流配送阶段追溯-3-3-微教材.docx
- K404 农产品追溯 W4-4 产品监管系统 W4产品监管系统-4-3-微教材.docx
- K404 农产品追溯 W5-2 果蔬追溯系统 W5果蔬追溯系统-2-3-1微教材.docx
- K404 农产品追溯 W6-1 浙江省农产品质量安全追溯平台 W6浙江省农产品质量安全追溯平台-1-3-微教材.docx
- K404 农产品追溯 W6-3 四川省农产品质量安全追溯网 W6四川省农产品质量安全追溯网-3-3-微教材.docx
- K406 食品掺伪掺假 W4-6 肉松是否加入大量豆粉 W4-6-3-微教材 肉松中是否掺入大量豆粉.docx
- KC4-传感器与检测技术 智能家居传感器需求的分析 KC04070101-m04智能家居自主漫游选择传感器依据.docx
- AUTOSAR_SWS_OS电子行业标准.pdf
- AUTOSAR_SWS_NVRAMManager电子行业标准.pdf
- r20ut3766ej0100_rfp电子行业标准.pdf
- AUTOSAR_SWS_SAEJ1939NetworkManagement电子行业标准.pdf
- AUTOSAR_SWS_PlatformTypes电子行业标准.pdf
- AUTOSAR_SWS_WatchdogDriver电子行业标准.pdf
- AUTOSAR_SWS_WirelessEthernetDriver电子行业标准.pdf
- AUTOSAR_TR_TimingAnalysis电子行业标准.pdf
- Continental_AUTOSAR Center电子行业标准.pdf
- EB_AUTOSAR Tooling in practice电子行业标准.pdf
文档评论(0)