试论ui设计中视觉要素的优化控制

试论ui设计中视觉要素的优化控制

ID:9147576

大小:70.00 KB

页数:5页

时间:2018-04-19

试论ui设计中视觉要素的优化控制_第1页
试论ui设计中视觉要素的优化控制_第2页
试论ui设计中视觉要素的优化控制_第3页
试论ui设计中视觉要素的优化控制_第4页
试论ui设计中视觉要素的优化控制_第5页
资源描述:

《试论ui设计中视觉要素的优化控制》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、试论UI设计中视觉要素的优化控制李洁琼要:信息化时代,各种新的智能终端产品层出不穷。用户界面作为连接用户与产品的纽带,出现的次数日益频繁。用户界面(UserInterface,简称UT)设计,即专门为各类电子产品界面所作的设计,逐渐引起人们的关注。与传统的界面设计相比,UI设计更加关注人机交互过程中的用户体验。如何才能设计出更受欢迎的U1界面,已经成为众多相关人士讨论与研宄的焦点。在这样的大背景下,用户体验既是UI设计的起点,同时也是UI设计的目标所在。要想真正设计出受用户欢迎的界面,最主要的一点在于设计的视觉表现是否充分体现了用户真实的需求、是否美观大方便于操作,这不仅是本次

2、研究的主要内容,同时也是优秀U1设计的理想境界。关键词:UT设计;视觉要素;优化控制;:李洁琼(1984—),女,云南人,中国人民大学研究生在读,研究方向:视觉艺术设计。1图形优化控制点动成线,线动成面,面动成体。点、线、面依然是UI设计中的基础元素。我们若想形成某种静态图像,只要将其基础元素按我们预想的轨迹运动,扩大或缩小。在UI视觉设计屮,图形要素的设计强调规律性和合理性。规律性在于点、线、面的运动都不能杂乱无章,要有迹可寻,它们的运动轨迹要严谨有序,阁像设计无论扁平化抑或拟物化,都追求形式与秩序上的美感。合理性在于布局与搭配的变化。一个界面由多种图像元素组成,图像的位置与

3、颜色如何在整体规划中做到主次有别、和谐统一,要在无数次变化中反复调整,直至找到最佳构图。这种变化并非随心所欲,而是要根据一定的美学原则,同时还必须具备科学性。以手机APP的应用阁标为例,设计时如果遵循阁形元素定位规则(即相同尺寸的両布下,方形、圆形、竖直矩形、水平矩形所界定的图标在両面中应该占有不同比例),这样即便图标形状多样,在手机桌面上也能基木实现统一性并具有平衡的美感。在图形图像创作过程中,适当地运用数学公式和标准几何图形甚至黄金分割,可以使图形在传达意义之外具备严谨的美感。2文字优化控制在移动UI的视觉设计中,文字的地位不容小觑。在目前的视觉语言设计中,承载信息的要素趋

4、于多元化,但文字的主导地位仍然不可动摇。为了使得用户在第一时间得到界面的准确信息和核心内容,文字的设计应当简洁明丫、言简意赅。除此之外,为加强文字的视觉冲击力与内容感染力,文本的字体、大小、颜色以及排版方式应当符合人机交互界面设计原理,不能以个人或少数人喜好、习惯而随意排版。在字体的优化上,2015年苹果I0S9推出“苹方黑”字体,取代之前的“华纹细黑”;安卓MaterialDesign推出“思源黑体”取代之前的“DroidSansFallback”。两种新字体都不约而同地展现出良好的适配性,即在不同分辨率设备上,可以最大限度保证文字清晰易识别。如此的发展趋势,不难看出在文字设

5、计上,清晰易识别是第一优先的。琳琅满目的字体各有各的性格,选择符合产品气质的字体、了解字体的版权归属、学习创造新的字体是UI设计中特别需要注意的问题。3色彩优化控制五彩斑斓的色彩构成了美妙的大千世界,也是人类生活中必不可少的信息来源之一。根据人的视觉原理,人在看到一个界面时,首先映入眼帘的是色彩,其次注意的才是文字。根据这一现象,在移动UT的视觉设计中,色彩的运用则显得意义非凡,甚至可以说,色彩的选用和搭配是否得当决定了用户是否有兴趣去了解界面所包含的内容。电脑软件技术的发展,为移动U1的设计提供了众多颜色可选项,赋予了色彩高度的差异性。比如京东红、淘宝橙、0F0黄、微信绿、去

6、哪儿青、支付宝蓝、雅虎紫……这些品牌产品选用的颜色,都获得了用户的认可。产品主色的选择需要考虑用户心理、行业区别、品牌理念等因素。主色确定之后,配色方案的形成需要根据色彩棊础知识,灵活运用色彩搭配技巧来合理配置。在一个优秀的U1界面中,如何结合作品主题,确定主色调和配色方案,然后依据美学原理来选择主次元素的明暗饱和度、颜色种类及数量搭配,以调配设计出主次分明、和谐统一、简练深刻的色彩界面,可谓是任重而道远。4版式优化控制在U1设计中,版式布局十分重要,版式布局设计是指视觉元素(文字、阁像、图片等)按照一定规律排列,方便人们更好地理解体会所表达的艺术技巧和内涵,也能很充分地体现其

7、设计质量。在一件质量优秀的作品中,除图像、文字和颜色元素之外,该作品的本质就是布局。在移动UT视觉设计中,由于移动产品(手机、iPad等)显示屏幕不同,设计时的大小尺度将由设备来决定,同时也决定着版式布局的相关设计。比如手机屏幕空间有限,上下布局方式更利于用户浏览;而iPad屏幕较宽,左右布局方式可以让屏幕空间得到充分利用,使信息展现更加饱满。布局过程中特别要注意的是,与用户直接进行交互的按钮元素,其位置和大小势必要考虑用户的使用习惯以及手指厚度,避免因用户手指尖接触面积不同,导致不易使用等

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。