美文网首页阿韩设计
视觉ui设计初中级方法浅谈

视觉ui设计初中级方法浅谈

作者: 阿韩设计 | 来源:发表于2018-06-11 14:11 被阅读0次

    在随着时间的积累和长期的视觉设计方法中我们对于移动端界面给生活中带来的设计思路和思想理念对于现在的界面视觉设计方法主要分为三类:

    (1)视觉分层系统

    视觉分层系统是可以在移动界面中更顺序组织的信息的一部分。 该系统的建立基于布局中组件的排列(排版,线条,形状,图像,颜色和空间)。设计和创建视觉分层系统将允许用户以有序的方式浏览他们需要沟通的信息。 视觉分级系统是基于组件的合理布局,优先考虑后者的优先级,第二信息的信息显示。 良好的视觉分层系统和构图使您能够顺利浏览整体布局。缺乏视觉分层的系统会导致您误解和混淆您传达的信息。视觉分层系统。 对于可调组件,我有如下建议:字体(更大更粗的字体可以引起人们的注意),但它应该尽可能的保守。分割线帮助组织信息,提供布局,弥补尴尬的空白。颜色更深更饱和的颜色容易引起注意,使用空白分组或分离信息是重要的。

    (2)格式塔理论

    每位设计师都应该了解格式塔理论和视觉感知原理。格式塔理论是20世纪早期德国心理学家提出的,提出了一种组织视觉体验的理论方法。今天,设计师使用格式塔原则作为更有效的设计框架来增强信息的视觉连接。格式塔理论主要基于4个方面:

    接近性,是指通过对接近性对象进行视觉分组。 它可以与颜色结合使分组更清晰。与邻近性相反,空间空白还可以加强分组或隔离不相关的元素。相似的物体会被认为是相关的。相似的物体可以拥有相同的颜色,形状,尺寸大小,或是朝着相同的方向。运用相似性原理可以使相关的物体产生紧密的关联性。

    连续性,人的视线会随着线,曲线或者按顺序放置的目标保持连续的观察。当连续的目标被其他主体打断,我们的眼睛会自然而然认为这些主体之间是不同的实体(不属于一组)。运用颜色可以加强连续性和连贯性。

    封闭性,不完整的主体,或是有留白导致不完全封闭的物体,会被大脑感知为是完整的物体,大脑自动填补了空白处。设计师可以利用这条封闭性原则去创造引人注目的图形。

    (3)字体的检查

    设计师应该确保文本的清晰性和可读性。 随着年龄的增长,用户对这些字体变得更加不耐烦,比如超难读,超细字体,字体颜色浅等。

    4.1规范性

    在移动端界面的视觉设计中对于其页面设计的规范性要特别注意。在界面中的风格一致性要保持在界面整齐的基础上。界面是否整齐决定了用户的第一视觉感受。其次是对于比例关系的重要把握,比例是否恰到好处,对于用户的操作和内容的了解起到引导作用。其次在设计中也要注意其方法,对于参考线的使用可以大大降低用户界面比例失调和画面感不平衡的严重后果。其次就是对于规定图形的参数也要了解,可以提高界面风格的统一对后期对于移动界面的实现降低难度。

    4.2配色

    在移动端界面设计中,确定页面布局后,设置自定义颜色匹配规则,主要颜色,辅助颜色,页面颜色以及运行方向的颜色趋势。颜色的风格是由纯度决定的。在配色中的三要素:明度,纯度(饱和度),色相对于画面的色感是非常重要的,对用户的心理和视觉感官起到了决定性作用。例如暖色系,如黄色,橙色,红色都属于暖色系列一般用于购物类型网站,电子商务,儿童等网站居多,用户感觉较为活泼,温馨,积极向上。冷色系,例如绿色,蓝色,紫色等都属于是冷色系列常应用于科技,商务等严谨,稳重,清爽的效果。在界面的颜色分布在色系不超过三种。标准颜色系统用于徽标,标题,主菜单和主色块,给人一种风格统一感。浅灰,深灰色系适合做调和色与背景色,一白遮万丑,不同色块间白色区分,切勿使用纯色!脏色!主ICON,主按钮和产品中的各种插图使用了70%的主色,并且考虑了背景中颜色的区域识别,并且使用颜色来扮演冷热平衡的角色。 它主要用于辅助ICON,辅助颜色插入页面内,并使用非重要级别的小区域。 颜色和文字对用户的眼球更具吸引力。页面的信息列表尽量避免使用颜色干扰用户的阅读体验,但在一些指示性符号中,用户可以方便地识别和使用颜色来强调。

    4.3控件

    在IOS设计规范中控件大致为开关、筛选框、页面加载器、进度条、滑动条、调数器、文本输入框、清除按钮、键盘。

    导航栏运用在首页和二级页面中较多 ,Tob栏和搜索栏则在首页和二级页面中较为常见,底部按钮主要是在用户点击前,点击时,禁用时使用。其次是弹出框1、系统弹出框(ios原生控件,不需要第三方设计)第三方应用需要和手机的功能以及原生应用发生关联时,需要系统弹出框加以验证(相机,相册,指纹)2、第三方应用的内部通知以及消息(第三方应用的风格完成设计)。3、运营所需要的弹出框(视觉效果更加的个性以及丰富,通过颜值和暴走的文案)。4、3DTouch,功能弹出框适用于活动提示和个性化页面展示。

    相关文章

      网友评论

        本文标题:视觉ui设计初中级方法浅谈

        本文链接:https://www.haomeiwen.com/subject/noqheftx.html