这4个最常见的 UI 组件，给你总结了这份使用指南 - 优设-UISDC
小溜Epik：我们在看 App 时，有没有思考过这样的问题，同样都是提示弹窗为什么出现那么多不同的样式，亦或者同样都是让界面进行切换的导航为什么有的可以通过侧滑切换，有的却只能点击切换呢？最近在玩 App 时发现了几组这样的控件，下面就来和大家分享下我对他们的理解和选用。目录：警告框与操作表标签栏与操作栏Tabs与分段控件Toast与Snackbar一、警告框与操作表1. 定义警告框：...
超全面的设计异常情况和处理方式汇总
在设计中，一些异常情况经常很容易被忽略，在后期的实践过程才发现原来还有这种状态……本篇文章汇总了常见的异常情况及处理方式，赶紧来收藏学习！一、快速了解异常是什么？异常在百度中的解释是这样的，异常，拼音：yì cháng，是一个汉语词汇。释义非正常的；不同于平常的。在设计中异常指的是除了正常状态之外的情况，举个例子，假如你要设计一个下载按钮，那么下载按钮需要有几种状态呢？正常状态下需...
超火的设计神器！大概是东半球最详尽的 Framer X 深度评测
最近很火的设计神器 Framer X 刚刚邀请了一部分用户内测，很多设计师都好奇这个软件有多好用，今天由3位设计师（丁一、钟二信、Ray）共同撰写的这篇文章，带你抢先阅读可能是东半球最详尽的评测，赶紧来看！一、Framer X 与 Framer 的区别以及新变化1. 没有内置编辑器可以看到这次新版的 Framer X 更加讨好设计师了，抛弃了原有的代码编辑模块，只保留了设计面板。 ...
近万字干货！可能是最全面的交互基础知识总结
本文堪称设计师必备的交互基础知识大全，无论你是新手还是工作多年，如果不是专业的交互设计师，对交互不够熟悉的，看这篇就完全够了。一、交互设计是什么？交互设计 Interaction Design 也被成为 IXD。交互设计建立起了人与计算机便捷沟通的通道，它的目标是创造可用性和用户体验俱佳的产品。作为 UI设计师，我们在工作之中经常会对接交互设计师和产品经理，他们具有丰富的交互知识和经验。那...
这篇超详细的教程，帮你全面掌握 APP 中的投影设计！
编者按：看似简单的投影，在高手眼里有千万种变化。不信看看今天这篇文章，让资深设计师教你做投影设计！在今天的 UI设计中，投影使用的范围和频次越来越高。打开手机APP，或是看追波上的练习稿，都可以看见无数投影使用的案例。掌握好投影的使用，是必备的 UI 视觉设计基础。投影远没有大家想象的那么简单，即使软件中可以设置的参数并不多，在我的教学过程中，很多学员始终没办法很好的应用投影来...
用YouTube 为例，让你轻松读懂交互设计7大定律！
以 YouTube 这个产品为例，为你解读交互设计7大定律在 YouTube 的应用。一、费茨定律（Fitts’Law）Fitts定律提供了一种人体运动模型，由 Paul Fitts 于1954年建立，可以准确预测移动和选择目标所需的时间。简而言之，Fitts定律指出：获取目标的时间是目标距离和大小的函数。光标到达一个目标的时间，与当前光标所在的位置和目标位置的距离（D）和目标大小（S...
提升用户产品体验的40个产品设计规范
作为一名初级产品狗，原型和prd是基本功。在和竞品需求相同的情况下，产品的很多设计细节让产品产生了不同的差距。从字体颜色位置到核心流程，不同的产品设计方式让用户体验不同。正如张小龙所说，简单的东西才能让用户玩出复杂的场景。怎么让用户用的舒服是产品体验的核心所在。原文地址：https://goodui.org/ 1 尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同时用户也可以...
想要让产品用户体验更优秀，你得想明白这5个问题
设计师对于世界的影响是否是巨大的？这一点是毋庸置疑的。但是即便是优秀的设计，也通过大量的日常积累，一个又一个小步骤上的微小决策，来影响我们所面对的客观世界。也许每一次的设计所带来的影响很微小，但是在更长的时间维度上，这些影响是会积少成多的。也正是如此，精益求精的设计追求，总会逐步给我们带来更加优秀的产品，和有价值的...
那些产品设计中的小惊喜
虽然技术出身，但是日常工作中经常需要单独的设计一些产品的原型，因此，需要对产品有一些感觉。你也许被《人人都是产品经理》“荼毒”过，不用悲伤，我也是；你也许跟我一样技术出身，习惯了从技术角度看功能和需求，对产品和业务比较麻木，不要心急，我也是。你也许无数次的跟产品经理争论这个功能的合理性和必要性，谁也说服不了谁，最后你还是做了这个功能，仅仅是“厌恶”了跟产...
如何打造一个完美的错误提示
没有系统可以不出错误的工作。错误的原因可能是由于用户可能是由于系统。在这两种情况下，以正确的方式处理错误非常重要，这对于良好的用户体验至关重要。这里是好的错误提示应该包含的3个重要部分：1.清晰的文本消息2.正确的错误提示位置3.良好的视觉设计· 清晰的文本消息1.错误提示应该清楚...
掌握这9个网页设计流行趋势，提案必过！
来源：优秀网页设计原标题：掌握这9个网页设计流行趋势，面试题有想法了！设计界里有句名言 ：“Everything old is new again”，意思是流行总是翻来覆去。网页设计亦是如此。每一年，网页设计师们也在突破设计的界限，不断贡献巧思，制作出更加具有功能性用户友好化的界面。我们的网页设计在追求功能性和交互性的同时，也深深受到诸如科技革新，使用设备的变化，浏览器和编程语言等...
怎样让用户对产品产生依赖与习惯？来看这篇基础科普！
最近上交互设计的课做我们的小组作业的时候，每次我们想到一个idea，就发现市场上已经有了这款产品，导致我开始质疑互联网产品在市场上趋向完全饱和，几乎用户需求都已经被满足。那为什么现在产品同质化那么严重，还会有创业者坚持往这片红海市场跳？以前很多很火的产品、游戏，就像微信跳一跳，为什么现在几乎没有人提及？为什么用户不再使用那些产品？到底什么样的产品才是好产品，才是用户会持续使用的产品？一...
我们习以为常的验证码，是个好设计吗？
它的设计初衷是为了区分人和机器，实现方式是在正常流程中增加了一道门槛，人可以翻过去，而机器会被挡住。从某种意义上说，它可能是个有效设计，但它真的是一个好设计吗？ 当你注册或者登录某个应用的时候，经常会用到验证码。它们大部分是由一串歪歪扭扭的字符组成的，看起来并不容易辨别。 验证码的英文名是 CAPTCHA，这不是一个正规的单词，而是个缩写，它的全称是：Completely Automated Public Turing test to tell Computers and Humans Apart。翻译过来是：用来区分人类和电脑的全自动图灵测试。
如何选择UI 界面布局样式？来看丁香园设计师的总结！
大海一直鼓励自己多总结，多积累，多分享，最近看到一篇大牙的文章，对于不要盲从趋势，总结的特别好，于是有感而发，在此基础上，做了一些拓展衍生。什么是界面布局样式？界面布局样式是指用于区分信息内容，层次的版式设计的具体方式。总结和了解目前常用的界面布局样式，可以让设计师快速决策，选择合适的设计方式。界面布局样式有哪些？一、卡利用「卡」设计界面，对应的是现在流行的「卡片式设计...
用户体验法则(附实例解释)
几个星期前，我看到“Laws of UX”这个网站引起了不小的轰动，这是一个非常简单的网页，讨论了UX（用户体验）的主要定律。这是一个我100％绝对会推荐的精彩网站。 如果非要为“用户体验法则”下个定义的话，将会是： “设计师在思考和改善用户体验时必须考虑的法则或设计标准的集合”。 良好的设计往往遵循一般原则，为设计师提供一般的指导方针。但对于界面设计师和用户体验来说，每个人都应该考把某些法则也考虑进去。
如何输出高质量的交互稿？来看京东设计师的总结！
交互设计师作为近年兴起的互联网设计岗位之一，具有其岗位产生的背景的特殊性。从交互设计师岗位职能来讲，它是产品与视觉、前端开发的桥梁，是产品研发线上的连接纽带。由于交互设计师既不是需求的发起者，也不是完全算是需求的执行者，所以作为产品研发线的中间环节，交互输出对准确性、效率的不言而喻。可参考某些传话类游戏，中间传递的人的重要...