大家有没有发现 Facebook 近期的改版也开始在扁平界面中加入了一些拟物化风格的元素。身为一名 UI、UX 设计师，也趁着这波疫情足不出户自我隔离期，一起加入了这挑起争端的行列，这篇文章会以改造的口罩 3.0 界面教大家怎么制作拟物化风格的界面。疫情期间，数位转型成功带给民众的安心感在这波疫情当中，从一开始坊间的防疫机器人、败口罩，以及疾管部门与 DeepQ 从 2017 年就开始就研发的「疾管家」（＠taiwancdc），都在这段期间内帮用户减低了不少的焦虑。而这次拿来改造的 APP 也是最近用户量暴增的「健保快易通」跟里面的「eMask」系统。关于「健保快易通」这个 APP，要不是因为这波疫情下载来订购口罩，根本不知道健保局发行的这款 APP 原来有么多实用的功能。 健保快易通与口罩实名制2.0其实健保局已经默默耕耘健保快易通很久了，在健保快易通的「改革日记」里提到，健保局为了让病历走向云端，打造病医双赢，从 105 年起，服务开始改革创新。「健保快易通」好用之处，除了在疫情期间可以网络预购口罩「eMask」之外，还有主打：院所查询、健康存折、改革日记、医疗快搜、服务据点、健保...

APP切图基本知识点以及注意事项1、考虑适配Android 各种复杂的分辨率，如主流的1280X720、800X480、640X480、480X320、以及各种非主流分辨率。2、.9神器 png3、PNG24+jpg 4、可交互控件尽量不小于最小可操作尺寸：android规范是48dp5、图片中的可视元素尽量在文件中居中，便于对齐和标注。6、能用代码实现尽量避免用图，如单色色值、渐变、文字、分割线等。7、考虑控件的通用性。总之切图是个技术活。所以，小伙伴们不得忽视切图的魅力！

相对于视觉传达设计而言，交互界面更加注重用户与界面的互动，用户对界面的理解将直接关系到用户能否顺利操作并达到自己的目的。通过对秩序感理论的阐述，说明秩序感对交互界面设计非常重要，并以实例总结常见的交互界面布局，分析其中的秩序感及其作用。

格式塔是一种视觉感知的理论，是研究人们视觉如何将元素组织成群体或整体，从而视觉上进行分类，在设计中，我们使用格式原理能使得我们设计更科学性，更具吸引力。通过格式塔效应，去处理设计中的点、线、面、颜色、空间和形状的分组排版，格式塔原理很重要，它是一切排版的基础，我们需要了解我们的心理是如何感知视觉。什 么 是 格 式 塔 原 理 ？ 格式塔是1890年德国哲学和心理学首先引入的概念，它的原理是，我们的视觉系统自动对视觉输入构建结构，并且在系统层感官形状，图形和物体，自动形式一个认知，而不是只看到互不相连的边、线和区域。大家看图理解，大家看下面这张图，“不存在的三角形”我们对一个三角形的认知，并非纯粹从三角形的形状，大小感官而来，还包括我们过去对于三角形的经验和印象，加在一起就是我们对一个三角形的认知。 格 式 塔 重 要 的 几 个 原 理▲ 相似原理:我们潜意识会把更紧密的事物将被视为属于一起一组。▲ 对称原理：我们的思维倾向于将对象视为在中心点对称，并且去均匀分割这些元素找到平衡。▲ 连续性原理：我们视觉系统倾向于连续性，视觉系统倾向于感知连续的形式而不是离散的碎片▲ 封闭原理：...

前言互联网行业走到今天，早已从增量时代转为存量时代，人口、流量、资本的红利都逐渐收紧。在存量时代，影响用户选择产品的很重要一个因素就是「品牌」，一个产品要想从同类产品中跳脱出来需要有个性。 如何在用户心智中植入品牌成为产品整个生命周期很重要的一环，而面对互联网产品越来越趋于同质化的现象，UI设计师已经不能局限于界面表现层，更要了解产品背后整个商业链路，知道产品想在用 户心智中建立怎样的定位，以业务为依据设计品牌，以品牌为基准去设计产品。 为什么要立足于品牌做UI ？ 对内：规范统一，高效协作 品牌本身就可以作为设计规范的一个重要指导原则，通过对配色、文字、图标、控件等建立设计规范，可以有效减少设计决策时间，传达一致的品牌调性。 韩国的NEVER公司（相当于国内的BAT），旗下有很多款APP渗透到韩国人民日常生活的衣食住行当中。 由于一开始没有一个统一的品牌规范指导，各个APP由不同的设计师设计，导致每个APP的风格迥异，体验也不一致，后面通过引入SQUARE（方形）的设计理念，统一了所有APP的设计语言。对外：提高认知，溢价增值最近几年我们发现手机上的A...

曾经是否遇到自己设计出来的界面特别烂，毫无细节品质感可言，而别人的设计就是质感很强，设计细节很丰富，很困惑不知道怎么去提高，止步不前。其实每个成长起来的设计师都会遇到的问题，今天分享一个简单实用方法，希望帮助大家少走弯路。

1.什么是品质感当我们看到出色的作品时，会无意间发出惊赞声或立即想将其保...

2021-07-27

设计案例：Facebook AR图标UI设计 图标设计案例欣赏......

UI的界面通常较“小”，不少功能难以在一个界面内实现，用户需要在多个界面中频繁跳转，恰当的色彩设计能减轻用户在频繁跳转界面时的焦躁。有序的、个性化的色彩设计体系会让用户保持良好的心情。随着品类众多的移动端产品爆炸性增长速度，不同品牌的UI色彩设计逐渐形成了自己的一套标准和规范，为不断提升品牌形象和产品界面的设计水准，UI色彩应重视以下设计原则1.色彩布局合理设计师可以通过UI色彩布局区分内容的主次关系从而建立视觉层级关系。如果色彩在饱和度、对比度、明度等方面存在明显差异对比，就会形成一个明显的层级，人们会不自觉先关注色彩鲜艳或者色彩偏重的事物。2.节奏有序变化客观事物总是按照其自身的规律在有序状态下，有条不紊的发展演变，这就是秩序。秩序是色彩美构成的最基本的也是较重要的形式，而渐变构成又是秩序中最典型的形式。在色彩构成中采用色相、明度、纯度级别差递增、递减的形式，可使各色按照一定的秩序有规律的变化，从而具有秩序美感。3.对比适度和谐通常UI设计都遵循统一的视觉识别系统规范其色调一般包含一个主色和若干个辅色。为避免过多的类似色使用户产生视觉疲劳，应遵循色彩对比原则。色彩艺术设计要求各种色...

1.滑动信息列表会跟随着用户的交互手势而动，然后卡片到相应的位置上，保持整齐感，它属于指向型动画，物体的滑动取决于用户是用那种手势滑动的。它的作用就是通过指向型转场，有效帮助用户清理页面层级的排列情况。2.扩大页面中的卡片会从缩略图转化为全屏视图（一般这个卡片的中心点也会跟随移动到屏幕的中央）。反向动效就是卡片从全屏视图转换为缩略图。它的优点是能清楚的告诉用户点击的地方被放大了。

在APP开发中，UI的设计尤为重要，因为它直接影响着用户的使用体验，好的UI设计可以让APP的用户体验加倍。如果UI设计不过关，那么你的APP功能再齐全，可能是留不住用户。以下是UI设计的十大原则。1.简单优秀的UI界面是隐形的，华丽的装饰和不必要的元素都已经被剔除，简单直接的页面逻辑和直观必要的元素构成了这样的UI界面。设计UI的时候，你在添加任何元素的时候，都最好问一下自己“这个功能是否会影响用户现有的任务？它是否真的必要？”先将你的UI内的元素限定为必须的，专注于核心的用户体验。2.清晰清晰应该是所有UI界面都具备的基本属性。请记住，你的UI界面存在的目的是让用户能够更便捷地同你的系统进行交互，为此，它需要能够清晰地同用户进行沟通。保持清晰的UI界面设计并不难，首先要保证按钮和操作的标签文字指向性要明确，保持清晰的信息传递，让用户能够快速弄明白交互的指向性。尽量不要在UI中使用冗长、复杂、难以记住的文本标签，越复杂就越会影响整体的用户体验。3.一致一致的设计能够让用户对于你的设计模式更快认知、熟悉，并且在此基础上快速适应整体的体验。所以，用户是期望借助自己习得的经验，来探索更多的...