012af556d5617b6ac7252ce6b961b3.jpg

01d3a960d29ccb11013f472018300f.png

作品集

01c45c5bf385dda801209252e55c70.png

海外实习-展馆触控板交互

站酷推荐摄影师

然后在菜单栏中点击“file”下“open image“找到需要制作的图片

018c0155426b240000019ae9150afb.jpg

如何优雅的制作文字图画

    40.可以给用户提供一些快捷操作&lt;br&gt;&lt;br&gt;    当你的程序广为流传，应该考虑下高级用户的感受。人们总是试图为一些重复性的操作找到更快捷的方法，快捷键就应运而生了。相比在界面上点来点去，快捷键无疑大大提高工作效率。一个好的例子就是现今流行于各个主流程序中的J（后退）K（前进）快捷键组合，比如在Gmail，Twitter和Tumblr中。按钮固然好，但快捷键会锦上添花。

0177765543c48f0000019ae9d64eb4.jpg

转载【实用】UI交互手册

Packaging design of BMW modified products

0132195b8104faa8012190f27d0823.jpg

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

015d7b5543c4900000019ae9f53c3f.jpg

50套超酷的网页UI设计素材PSD打包下载

01a310554b7484000001bf72ea704e.jpg

站酷推荐设计师

（图9 组件2 中 动画起始时间向后拖动，使得晚与 组件1 出现）

01fc425db7c99fa801209e1fac4f2a.gif

Principle障眼法揭秘

017d105d8043b5a8012060be44144b.png

按钮与滑块

    23.试着减少线框，减少不必要的注意&lt;br&gt;&lt;br&gt;    过多边框会喧宾夺主。不用说，边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素通过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时，我们经常在界面上方便地拖出很多区块来，这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐，这样做不会让那些多余的线条来扰乱视觉。

01ad1c5543c4900000019ae9dd7e24.jpg

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

01e2ae554234a30000019ae9debce4.jpg

010dbe5b194c88a80121bbec6f386c.gif

UI页面GIF动图

    33.采用及时校验而不是到最后才提示错误&lt;br&gt;&lt;br&gt;    在处理表单时，最好立即检测出用户所填写内容是否符合要求然后给出验证消息。这样错误一出现能就能得到改正。相反，提交后再检查表单会给出错误消息，会让用户感到乏力又要重复之前的工作。

01c6785543c4900000019ae9b9041f.jpg

017fc155426b240000019ae948e865.jpg

    3.整合相似的功能，去掉零碎的UI元素&lt;br&gt;&lt;br&gt;    在整个产品开发期间我们会有意无意地创建很多模块，版面或者元素，而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块，它无用且降低了电脑性能。此外，界面上模块越多，用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。

01e02a5543c4910000019ae91996c6.jpg

ComfyUI进阶篇：ComfyUI核心节点(二)

6687c388580eaug5c1u2jh8110.png

    37.让用户选择而不是重新填写&lt;br&gt;&lt;br&gt;    这一界面设计中的经典准则是有心理学依据的，相比要让某人回想想某样东西，从一堆东西中认出某样东西会更容易些。辨识出一样东西只需要我们稍微回忆一下，通过一些线索就可以完成。而回想则需要我们全面搜索自己的大脑。也许这也是为什么试卷上选择题会比简答题做得快的原因。所以试着在界面上展示一些用户之前涉及到的信息让他们进行选择，而不是让他们想半天然后自己填写。

01ba8d5543c4900000019ae934257b.jpg

01d7a05b877d2fa8012126ce9250d4.jpg

苹果手机规范

01f4d75b288f6da80121bbec234e6e.gif

动效练习

    6.区分选中和可点击的状态，不要使用户困惑&lt;br&gt;&lt;br&gt;    诸如颜色，层次及模块间的对比这些视觉上的设计可以很好地帮助用户使用产品：他时刻知道当前所处的页面以及可以转到哪些页面。要传达这样一个好的界面，你就需要将可点击的元素（比如连接，按钮），可选择的元素（比如单选多选框）以及普通的文字明显区分开来。在下图的例子中，我将点击操作的元素设置为蓝色，选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。

0126545543c4910000019ae9afea06.jpg

    20.尽量显示全部内容而不要额外页面&lt;br&gt;&lt;br&gt;    在一个足够大的宽屏界面上最好还是直接给出表单，这比点击按钮再弹出表单要好很多。首先减少了点击操作，流程变得简洁也节省了时间。其次，直接呈现出表单可以让用户知道表单有多长，其实也是在告诉用户注册花不了多少时间。当然，这条规则适合注册表单非常简单的情况。

01e3995543c4910000019ae99c524b.jpg

Light系列VOL.1&gt;&gt;Streak Effects Manipulation (含PS教程)

01214f596393baa8012193a3489417.jpg

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

01c5875543c4900000019ae9663b5d.jpg

66b068f5e165cdx7g3xmb92585.png

CIMO｜工业AR智能头戴计算机

01290359c1cceaa801218e184a0497.gif

MenuList动效设计

01a5dc5d6b9dcea80120526d09a019.gif

AE动效小练习

01xgrk5qo4ta4q9ppotctj3537.jpg

[Quanta] All-in-one Cax建模平台

66f2e495e99dcmlg8gmqae399.png

CoNet

    5.主要功能需要多次强化显示&lt;br&gt;&lt;br&gt;    多次重复主旨口号这种方法适用于界面很长或者分页的情况。首先你肯定不想满屏刷出相同的信息，这样会让人生厌。但当页面足够长的时候这些重复就显示自然多了并且也不显得拥挤。所在在页面顶部放一个按钮然后在页面底部再适当放个突出的按钮的做法没有什么不妥。这样当用户到达页面底部在思考接下来该做什么的时候，你提供的按钮就可以获得一个潜在的合同或者即使用户不需要你的服务这个按钮也可以起到过滤的作用。