分享用户界面设计的一些方法和原则
我们做网站建设除了要了解实际操作外,对网站设计和用户界面设计的一些原则和方法也要有所了解。今天成都网站设计小编与大家分享用户界面设计的基础知识。
Contrast(对比)
“如果两个元素不同,就会产生对比。倘若两个元素存在某种不同,但差别并不是很大,那么你做出的效果并不是对比,而是冲突。这就是关键,RobinWilliams对比原则:”如果两个项不完全相同,就应当使之不同,而且应当是截然不同(强烈)的。””
对比的目的有两个,一是增强页面的表现效果,二是有助于界面信息的组织。
Repetition(重复)
“RobinWilliams重复原则:“设计的某些方面(元素)需要在整个作品中重复”。重复的元素可能是一条粗线、一种粗字体,某个项目符号、颜色、设计要素、某种格式、空间关系等。总之,读者(用户)能够看到的任何方面都可以作为重复元素。“重复的目的就是统一,并增强视觉效果。
减少用户的记忆负担(简单)
减少用户的记忆负担的核心有两个:界面简单和设计逻辑清晰。
界面简单,是指元素和内容的清晰直观的表达效果。
设计逻辑清晰,是指界面元素位置的放置是有逻辑的(常规逻辑,保证用户可理解),而不是随意的。其实,这里追求的是,界面能够引导用户的视觉流,跟随着设计逻辑(与界面角色和功能相关)进行。
界面风格统一(自然)
界面风格的统一有三方面内容:产品目标、硬件(设备)、用户习惯。
与产品目标、核心功能的传达一致。产品目标决定了界面中的元素和元素间的主次关系,理解了产品目标、核心功能,再开始用户界面的设计。
与硬件(设备)的设计风格一致。如iOS6、iOS7、WP10平台,不同平台手机、平板、PC的界面,都是要分别进行设计的(功能实现、手势操作等都有区别),这个是基础。
与用户习惯(印象)的风格一致。主要指用户元素的设计,如用户印象里“齿轮”表示“设置”功能,“头像”表示个人中心功能,用户界面设计时应当充分考虑这点。如果你觉得有更好的表意,也不妨尝试。不过,有句话说的好,打破规则前要清楚规则是什么。
Alignment(对齐)
“RobinWilliams对齐原则:“任何元素都不能在界面上随意安放。每一项都应当与界面上的某个内容存在某种视觉联系。””试着在界面上只使用一种文本对齐方式:所有文本都左对齐,或右对齐,或者全部居中。当然,前提是你要找一条明确的对齐线,并坚持以它为基准进行界面的设计。
对齐的目的是使界面统一而有条理(教养)。
Proximity(亲密性)
“RobinWilliams亲密性原则:“将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近。“”在人们的意识里,物理位置的接近就意味着存在联系。
亲密性的目的是实现界面信息的组织化,形成视觉的模块化。在你将界面中的相关元素放在一起展示的同时,也使界面的空白区域(留白)更加整洁、美观。
我们的眼睛喜欢看到有序的事物,这会给人一种平静、安全的感觉。
用户界面设计有什么原则吗?
置界面与用户的控制之下(高效)
界面设计的目的是满足用户完成任务的需求,也就是说是能够表达出功能的含意,让用户快速理解界面内容和功能。如360安全卫士PC客户端的界面设计,凸显其核心功能“体检”。
本文名称:分享用户界面设计的一些方法和原则
文章起源:http://scyingshan.cn/article/egdogi.html
Contrast(对比)
“如果两个元素不同,就会产生对比。倘若两个元素存在某种不同,但差别并不是很大,那么你做出的效果并不是对比,而是冲突。这就是关键,RobinWilliams对比原则:”如果两个项不完全相同,就应当使之不同,而且应当是截然不同(强烈)的。””
对比的目的有两个,一是增强页面的表现效果,二是有助于界面信息的组织。
Repetition(重复)
“RobinWilliams重复原则:“设计的某些方面(元素)需要在整个作品中重复”。重复的元素可能是一条粗线、一种粗字体,某个项目符号、颜色、设计要素、某种格式、空间关系等。总之,读者(用户)能够看到的任何方面都可以作为重复元素。“重复的目的就是统一,并增强视觉效果。
减少用户的记忆负担(简单)
减少用户的记忆负担的核心有两个:界面简单和设计逻辑清晰。
界面简单,是指元素和内容的清晰直观的表达效果。
设计逻辑清晰,是指界面元素位置的放置是有逻辑的(常规逻辑,保证用户可理解),而不是随意的。其实,这里追求的是,界面能够引导用户的视觉流,跟随着设计逻辑(与界面角色和功能相关)进行。
界面风格统一(自然)
界面风格的统一有三方面内容:产品目标、硬件(设备)、用户习惯。
与产品目标、核心功能的传达一致。产品目标决定了界面中的元素和元素间的主次关系,理解了产品目标、核心功能,再开始用户界面的设计。
与硬件(设备)的设计风格一致。如iOS6、iOS7、WP10平台,不同平台手机、平板、PC的界面,都是要分别进行设计的(功能实现、手势操作等都有区别),这个是基础。
与用户习惯(印象)的风格一致。主要指用户元素的设计,如用户印象里“齿轮”表示“设置”功能,“头像”表示个人中心功能,用户界面设计时应当充分考虑这点。如果你觉得有更好的表意,也不妨尝试。不过,有句话说的好,打破规则前要清楚规则是什么。
Alignment(对齐)
“RobinWilliams对齐原则:“任何元素都不能在界面上随意安放。每一项都应当与界面上的某个内容存在某种视觉联系。””试着在界面上只使用一种文本对齐方式:所有文本都左对齐,或右对齐,或者全部居中。当然,前提是你要找一条明确的对齐线,并坚持以它为基准进行界面的设计。
对齐的目的是使界面统一而有条理(教养)。
Proximity(亲密性)
“RobinWilliams亲密性原则:“将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近。“”在人们的意识里,物理位置的接近就意味着存在联系。
亲密性的目的是实现界面信息的组织化,形成视觉的模块化。在你将界面中的相关元素放在一起展示的同时,也使界面的空白区域(留白)更加整洁、美观。
我们的眼睛喜欢看到有序的事物,这会给人一种平静、安全的感觉。
用户界面设计有什么原则吗?
置界面与用户的控制之下(高效)
界面设计的目的是满足用户完成任务的需求,也就是说是能够表达出功能的含意,让用户快速理解界面内容和功能。如360安全卫士PC客户端的界面设计,凸显其核心功能“体检”。
本文名称:分享用户界面设计的一些方法和原则
文章起源:http://scyingshan.cn/article/egdogi.html