InVision网站免费可商用的UI资源包

发布网友发布时间：2024-06-01 19:19

共1个回答

热心网友时间：2024-07-31 02:07

不知道大家有没有听过 InVision 呢？这是一家总部位于纽约的公司，主要提供设计师共享设计原型，利用这个平台可以更轻易与其他人讨论、修改设计，同时也可以获得更为实时回馈。利用 InVision 让设计不再是设计师或设计团队的工作，全体员工都能参与，以创造出更精致的设计，使用者也能获得更好的使用体验。

近期 InVision 释出一款名为「Chat」的UI资源包让需要的开发者免费下载！依照网站提供的图片，可以看到这款设计非常简约美观，带有Material Design 设计风格。

无论网页、平板计算机或手持设备—「Chat」一手包办！包括 60 种模版、12 种类及 80 个UI界面组件，使用这套设计包可协助你打造出最棒的应用程序。

设计精简化，同时也有干净利落、平面效果，让使用者将注意力放在画面内容，而不会被界面混淆。如果你正好在开发一款 App ，或者想从其他人的设计找寻灵感，以下我会教你如何免费下载「Chat」，包含 Sketch 和 Photoshop 适用的两种档案版本。

Chat UI kit by InVision

STEP 1

开启「Chat UI kit by InVision」网页后，往下拖曳找到 Screens，这里收录许多 Chat 实际操作的画面撷图，可以看到它的设计偏向于 Material Design 且有平面化效果。点选右边的选单按钮，还能找到在登入、注册、个人档案、主画面、聊天室、相簿、状态、设定等不同功能的效果。

STEP 2

点选画面截图来放大设计。不得不说这套「Chat」用户接口设计包实在非常好看！可惜我没有要开发应用程序，不然可能会很想直接将它拿来套用。

STEP 3

将画面拖曳到最底下的「Download」部分，输入你的 Email 后点选「Send」来收取下载链结。InVision 会把下载点寄到你的 Email 信箱，请记得填写正确。

STEP 4

开启 InVision 寄来的邮件，邮件内就有「Download Chat UI kit」两个链结按钮，分别可以取得 Photoshop 和 Sketch 的两种文件格式！