火星网校
这15条小技巧，用过的UI设计师都表示:原来UI设计还能这亚子
发布时间：2024-03-15 15:21:06 浏览量：214次
1.色彩不是决定性的因素
色彩很容易受到环境的影响，设计的时候不要将色彩视为决定性因素，色彩可以醒目，作为引导，但不应该是做区别的唯一元素。在长篇阅读的情况下，除了要强调的内容，应采用相对暗淡或柔和的背景色。当然，视读者而定，也可采用明亮的背景色。
2.遵序展示
每个屏幕只展现必需的内容，如果用户需要作出决定，则展现足够的信息供其选择，他们会到在下一屏找到所需细节，避兔过度阐释或把所有一次展现，如果可能将选择放在下屏有步骤地展示信息，这会使你的界面交互更加清晰。
3.考虑屏幕全局光源
作为设计师，你应该早就了解每个平台，都有其不可改变的屏幕全局光源，所有高光和阴影效果都应该和平台的光源相协调。
4.明确导航和组织控件设计
向你的开发者明确展示你的设计中包含的标签、下拉菜单或者其它闭合机制。在进行这种控件设计时，要尊重平台的设计惯例。开发者在进行开发时需要明确了解信息层次，因此你要确保你的设计清晰地展示你的意图，图层复合在这种情况下非常有用。
5.导出图形时不进行压缩
在导出时以 PNG alpha通道格式保存，除非被明确告知其它保存方式，除非被明确要求否则不要使用JPEG格式，不要考虑图像文件大小，因为开发者或他们的开发环境会对图像进行最优化，以透明背景导出每个元素，而不是纯色，即便你设计中的一部分背景确实是纯色的。
6.询问阴影的处理
和你的开发者沟通是否要将阴影效果包含在导出图中，通常情况下，开发者会用CSS或写代码来应用阴影，这样做事实上会比直接使用预先保存的阴影位图更方便容易，不要假定阴影效果应该包含在图像中，虽然在设计原型时用图层展示阴影效果。
7.尽量使用单列而不是多列布局
单列布局能够让对全局有更好的掌控，同时用户也可以一目了然内容，而多列而已则会有分散用户注意力的风险，使你的主旨无法很好表达，最好的做法是用一个有逻辑的叙述，来引导用户并且在文末给出你的操作按钮。
8.合并重复的功能而是界面简洁
在整个产品开发期间我们会有意无意地创建很多模块，版面或者元素，而它们的功能都是相近，此种情况已经表明过度设计了，时刻警惕这些冗余的功能模块，界面上模块越多，用户的学习成本就越大，所以请考虑重构你的界面使它足够精简。
9.将选项与按钮区分开来
诸如颜色、层次及模块间的对比，这些视觉上的设计可以很好地帮助用户使用产品，他时刻知道当前所处的页面以及可以转到哪些页面，要传达这样一个好的界面，你就需要将可点击的元素、可选择的元素以及普通的文字明显区分开来。但千万不要把这三种元素设计得混乱不堪。
10.界面要有鲜明对比让人容易区分
把主要功能区从界面中突出显示出来效果会好很多，通过明暗色调的对比来突显，通过为元素添加阴影渐变等效果，让界面富有层次感来张显主要功能，你甚至可以在色相环上专门选择互补色，来设计你的界面以达到突出“重心”的目的。
11.精简表单内容
表单中每个字段都会有失去用户的风险，不是每个人打字都很快速的，并且在移动设备上进行输入更是相当麻烦的事情。
如果你确实需要一大堆信息让用户填写，试着将它们分散在不同页面，在表单提交后还可以继续补充，过多字段很容易让整个表单显示臃肿，当然想简洁也很容易，只放少数字段。
12.将操作的状态或者进度呈现出来
现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标，例如：邮件有己读或未读的状态；电子帐单有支付或未支付的状态。而在界面上呈现这样的状态对于用户来说是很有必要的，这样用户就可以知道某些操作是否成功，接下来准备进行怎样的操作。
13.过多边款会让界面四分五裂
边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素通过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。
14.界面设计得一致
在设计中保持一致性时就可以减少用户的学习成本。用户不需要学习新的操作。当我们点击按钮或者进行拖拽操作，我们期望这样的操作在整个程序的各个界面都是一致的，会得到相似的结果出来。可以在很多方面下功夫，来实现一个一致的界面包括：颜色、方向、元素的表现形式、位置、大小、形状等。
15将有关联的功能分组
将各个功能项分组合并起来，可以提高程序的可用性。有点常识的人都知道刀子和叉子或者打开文件和关闭文件是放在一起的。将功能相近的元素放在一起也符合逻辑，符合我们平时的认知。
在这里我相信有很多想要学习UI设计的小伙伴，我自己是一名从事了多年UI设计工作的设计师，辞职目前在做自己的私人定制课程，今年年初我花了一个月时间整理了一份最适合2019年学习的学习干货，从最基础到实战都有整理，送给每一位想学习的小伙伴，想要获取的可以关注然后私信我“学习”两个字，即可免费获取资料，伸手党勿扰~
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
