火星网校
UI设计新手，该怎么按“规则”做设计
发布时间：2023-12-01 09:58:18 浏览量：197次
“对于设计新手来说，每当从产品经理手中拿到一份需求的时候，你有没有在设计前想过为什么会有这些需求？或者是拿到需求后，无从下手，不知道该怎么用设计去表达解决产品的需求？”
其实做任何事情都有规律可循，做设计依然，在这里我们就让这些常见的基础难题，用金手指抽丝剥茧一一化解，这个方法，我叫它5大金手指原则：
一、先搞清楚：给谁用？在什么时候用？（不同用户的不同场景）
首先，你必须要分析做的这个设计解决的是什么人（用户）、在什么时候（场景）下的问题？
而我在他们前面都加了一个词“不同”。
举例为（一个直播社交APP设计首页，也要考虑划分两个不同场景）
不同用户场景1：第一次使用的新用户
他对一个界面的是完全陌生的，所以他进来的首次体验是非常重要的，这个状态不是一块空白的画布，它应该能够为用户提供方向和指导。
比如推荐喜欢的直播、热门的主播、简单清晰的使用提示等，以此来帮助用户快速适应设计而留存用户。
不同用户场景2：使用过的老用户
对于这种老用户，他已经对界面熟悉，而且也有过操作记录，所以当他进入首页的时候，他以前所操作的数据是不是就应该会匹配显示。比如他关注的直播列表、主播、他自己个人化的定制等。
所以即使是同一个界面，在不同用户的不同场景下设计也要细分，有所区分的进行设计。
二、搞清楚：用户在这个页面要做且必做的一件重要的事是什么（每个页面只有一个北极星目标）
做事情不能三心二意，做页面设计亦是如此。
界面设计要简洁，一个页面只承载一个最为重要的功能，完成最重要的一个指标（北极星目标），如果一个页面要表达的东西太多，那将会给用户带来选择恐惧，想要说都是重点那也将都不是重点。
有人常常会遇到说：一个页面，产品经理给的需求里要呈现的重要信息太多怎么办？
好办，我们可以把这个重要信息列出来，然后再从根源（用户的第一需求、逻辑的先后顺序）做筛选。
按照P1、P2、P3的优先级来进行视觉设计。
P1一定是有且唯一的，我们要重点突出它，引导来达到并提高这个功能的转化率，让用户不用思考，立马直接去操作就对了。
当然在一个主要动作的同时，可以存在多个次要动作，但不要让它们喧宾夺主。
三、重点优先级：功能+交互操作+视觉（层次要清晰）
做设计要让页面的元素具有清晰的层次，一个页面的重点是什么？次之是什么？最弱化的是什么？
而这个层次从三个方面都要有设计体现：功能+交互操作+视觉。
一般情况下，这三个的优先级基本是一致的， 功能的优先级决定了交互操作和视觉的优先级，视觉优先级引导用户的操作路径的优先级，他们互相制约互相影响。
那么可以通过强烈的视觉层次感来实现，比如大色块、大图片、大字号、颜色、金刚区位置、微动效等等区分优先级。
四、可识别性是第一视觉原则（能一眼看清和看懂）
清晰明了的识别是界面设计的第一原则。产品最好不要搞朦胧派、抽象派，要想你设计的界面立意准确、有效有用，首先就得保证用户能够准确的认出它，然后准确的操作使用它。
举例：你要设计一个按钮，那它看上去就必须像个按钮，灰色按钮告诉你是不可操作，彩色的按钮是可以操作的。如果是个阅读APP，那就不能把背景弄得花里胡哨，完全看不清上面的文字。
简而言之，就是要保证你这张脸是干净的没有脏东西，眼睛是眼睛，鼻子就是鼻子。
五、取舍：功能性能大于视觉（好用之后才是好看）
对大多数设计师来说，都把自己定位为视觉型设计师，把颜值看得比生命还重要，殊不知我们应该晋级成为产品型设计师、运营型设计师甚至是还要懂一点技术的设计师，要带着用户的思维从源头来看这件事，那就是设计这个界面的目的是什么？
答案：为了解决用户的问题。
举例：我需要一把椅子，设计师花了很多心思远赴千里从国外找到材料，做了一个很美观很高大上的桌子，虽然精美花费巨大，但是你觉得有用吗？用户不会选择使用它，它就是失败的设计。所以，你还不如就在隔壁拿一把木椅子给我，虽不精美但是又快又有用，何乐而不为。
因此，界面设计不仅仅只是设计一个美丽的外表，它必须在保证有用好用的前提下再是好看！
有舍才有得，即便舍弃视觉也要保障功能性能。
总结
无论是设计前的思考，还是完稿后的审查，都可以按照上面金手指的5个步骤标准，保证设计的完整性、合格性。
作者：早鸭同学；公众号：早鸭同学
本文由 @早鸭同学 原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash，基于CC0协议
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
学习平面设计要用到哪些软件？随着社会的发展，平面设计在我们日常生活中越来越重要。想了解平面设计软件都有哪些吗？本文为您介绍Photoshop、CorelDRAW、AI和CAD这四款必备的设计软件。
最新文章
