PS设计教程网欢迎你!

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

文章来源于 优设,感谢作者 free.com.tw 给我们带来经精彩的文章!
设计教程/摄影作品/其他资讯2016-02-27
不知道大家有没有听过 InVision 呢?这是一家总部位于纽约的公司,主要提供设计师共享设计原型,利用这个平台可以更轻易与其他人讨论、修改设计,同时也可以获得更为实时回馈。利用 InVision 让设计不再是设计师或设计团队的工作,全体员工都能参与,以创造出

不知道大家有没有听过 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 且有平面化效果。点选右边的选单按钮,还能找到在登入、注册、个人档案、主画面、聊天室、相簿、状态、设定等不同功能的效果。

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

STEP 2

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

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

STEP 3

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

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

STEP 4

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

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa