01dz5pmlg2c1u1aguhrrld3639.png

科技公司官网

018aex8y2xwoudrvksnp5p3434.png

0158a45ab88a68a80120be1467b2f4.jpg

Melody作品集

QuikNotz&nbsp;一款记事本软件设计

最普通的书写功能如下:打开&gt;输入&gt;完成.退出时候会自动保存.

01090c55498bc20000019ae994d426.jpg

百度智能搜索2018发布会 品牌形象

01865b5d5f4e77a8012187f4817565.jpg

Sketch 元件 如何可以样式一样文字内容不同？

图2：用这个元件新建另外一个button，文字改为another，但是原来的那个button文字内容也变为了another

011155554234a30000019ae99be18c.jpg

01wpdhptsewizhqog6n5gs3330.png

RealVision Logo设计

0138c558b3b7efa801219c779f6eb7.jpg

诺维赞

    21.用一些动效过度而不用立即显示变化&lt;br&gt;&lt;br&gt;    用户进行操作过程中，界面上的元素会经常出现，隐藏，打开，关闭，放大缩小移位等。给这些元素增加些自然的动画，淡入淡出效果不但美观，也更符合实际，本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长，那样会让想尽快完成操作的用户不耐烦。

015d7b5543c4900000019ae9f53c3f.jpg

转载【实用】UI交互手册

01f6c85744340e0000008eaefdbbe8.png

button-titleAndImage

0148235e588abea8012165185a5d62.gif

WIDE 

0122ae561c9ff56ac7255b14cd91f7.jpg

质感进度条临摹

mychat交互设计，与APP聊天，与自己聊天~ iPhoneX app

01c70c5b168518a801202e6088b773.png

    31.善于引导用户的视觉浏览线，而非单一布局&lt;br&gt;&lt;br&gt;    具有层次的设计可以将界面上重要的部分与不次要部分区分开来。要让界面层次分明，可以在这些方面做文章：对齐方式，间距，颜色，缩进，字体大小，元素尺寸等。当所有这些调整运用得适当时，可以提高整个界面的可读性。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计，这样分明的设计也可以让用户放慢速度来慢慢阅读。这样也使界面更有特色一些。就好比一次旅行，你可以乘坐高铁快速到达景区（从页面顶部瞟到底部），但你也可以慢行以欣赏沿途风光。所以层次分明的设计让眼睛有可以停留的地方，而不是对着空白单调的一个屏幕。

01ab6f5543c4900000019ae9f68eb1.jpg

46.试着多功能控制而不是更多的部分

01b8e65543c4120000019ae95ba9af.jpg

    19.用直接操作来代替无数个菜单&lt;br&gt;&lt;br&gt;    不用说直接在元素身上进行操作是更直观明了的方式。比如在一个列表中，我们想让用户对每个条目进行操作那么就把按钮放到当前条目上，而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态（比如页面上的地址信息点击后可以进行编辑）。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然，对于一般性的操作本身就不需要有什么上下文的，就没必要这么做了，比如页面上的前进，后退按扭。

0199565543c4900000019ae9837197.jpg

FOND Smart blood glucose meter/智能血糖仪

0115ii8ix4rna5lgkfadnj3634.jpg

01b7a35c6fa678a801203d222d1c9d.jpg

UX_Spec_Camera

MG动画-HitPaw Video Converter 动画宣传片

01oskxl5zl1nxooofo2d8o3034.png

[UX/UE] 外卖平台设计以及用户研究报告（英文版）

012027609bc38211013f47206424e7.jpg

    32.将相关的条目分组，不要杂乱无章的排列&lt;br&gt;&lt;br&gt;    将各个功能项分组合并起来可以提高程序的可用性。有点常识的人都知道刀子和叉子，或者打开文件和关闭文件是放在一起的。将功能相近的元素放在一起也符合逻辑，符合我们平时的认知。

01c18b5543c4900000019ae9199da8.jpg

    36.适当尝试饥饿营销&lt;br&gt;&lt;br&gt;    物以稀为贵。饥饿营销给出的信息就是东西不多，只剩几件，明天再来，可能没了。你去比较一下批发与限量版的东西他们的价格差距有多大就知道了。回过头来看，那些批发商或者大零售商，他们也使用饥饿营销，以获得更好的销量。但在软件行业，我们经常会忘记有饥饿营销这回事。因为数字产品是可以很容易拷贝复制的，不存在缺货的情况。其实，在界面设计中，也可以将其运用起来与现实中的资源紧缺进行联系。想想一次网上研讨会的门票，想想你一个月可以服务的人数限制，这些信息都可以告知用户是有限的。

01c5875543c4900000019ae9663b5d.jpg

    34.需要用户输入的格式宽松严格限定格式&lt;br&gt;&lt;br&gt;    对用户输入的数据，尽量放宽限制，包括格式，大小写什么的。这样做可以更人性化一点，也使得界面更加友好。一个再恬当不过的例子就是让用户输入电话号码的时候，用户有很多种输入方式，带括号的，带破折号的，带空格的，带区号和不带区号的等等。如果你在代码中来处理这些格式的问题，代价也只是你一个人多写几行代码而以，却可以减少无数用户的工作量。

01f5d35543c4900000019ae99000c5.jpg

019a5c59a7b295a801211d25b121d6.png

游戏

AE动画｜百词斩高中阅读提分计划

01xm004ddwprgizikn5wsq3639.gif

0151f157a04fb50000018c1b45a9ea.jpg

老美定制的发动机蓝牙计时器

01qxowcu4erhedcuwg7ts83436.png

NET-计算器的新概念

Aedas深圳传音大厦，构建互联共享企业名片/lumion动画

站酷推荐设计师

01348d5f80248e11013e45840ced73.jpg

MG动画-HitPaw Video Enhancer 动画宣传片