不知道大家有没有听过 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 且有平面化效果。点选右边的选单按钮,还能找到在登入、注册、个人档案、主画面、聊天室、相簿、状态、设定等不同功能的效果。
STEP 2
点选画面截图来放大设计。不得不说这套「Chat」用户接口设计包实在非常好看!可惜我没有要开发应用程序,不然可能会很想直接将它拿来套用。
STEP 3
将画面拖曳到最底下的「Download」部分,输入你的 Email 后点选「Send」来收取下载链结。InVision 会把下载点寄到你的 Email 信箱,请记得填写正确。
STEP 4
开启 InVision 寄来的邮件,邮件内就有「Download Chat UI kit」两个链结按钮,分别可以取得 Photoshop 和 Sketch 的两种文件格式!