前言
做產品和設計快 1 年了,積累了一點經驗分享一下 —— 拋磚引玉,歡迎交流。
聲明
歡迎轉載,但請保留文章原始出處:)
博客園:http://www.cnblogs.com
農民伯伯: http://over140.cnblogs.com
背景
我現在的工作:產品(主) + iOS 開發(輔)
用 Sketch 來做產品原型,更高階一些的讓專門的設計師來做,比如 icon 、視覺效果等。
設備:Macbook Pro + iPhone 6S
正文
工欲善其事,必先利其器。對於非科班出生來做設計 —— Sketch 實在是太好用了,看文章、視頻半天就能開始動手做東西,輸出高保真的產品效果圖。正版 $99 美元的價格不菲,有 15 天試用期,如果公司能報銷就太好了,正如搞 iOS 開發至少得買一個 iPod 吧?官網:http://www.sketchapp.com/
1、Sketch 插件
強烈建議通過 Sketch Toolbox 安裝插件,官網:http://sketchtoolbox.com/
1.1 Content Generator Sketch Plugin
自動生成人物頭像、姓名等信息,讓設計稿的數據和效果更佳真實,Github:https://github.com/timuric/Content-generator-sketch-plugin
2、Sketch Mirror 替代品 - Skala Preview(免費)
支持將設計稿一鍵同步顯示到設備。官網:https://bjango.com/mac/skalapreview/ ,分別在 Mac 和 iPhone 上裝一個 App,然后裝一個 Sketch 插件即可。
3、Sketch 資源站
開始做設計的話可以先搜索下載 Android Material Design / iOS 9 UIKit 等模板
http://www.sketchappsources.com/
Google Material icons :https://design.google.com/icons/ 許多小 icon 都是從這下載的,建議下載 svg 文件,可以直接拖拽到 Sketch 里面
Android 的設計規范:Android Material Design
iOS 的設計規范:iOS Human Interface Guidelines
Windows 的設計規范:Design applications for the Windows desktop
4、招設計師,厲害的那種
我們的產品主要是面向海外用戶,產品 & 設計除了參考 Android/iOS 設計規范主要借鑒 Twitter、Facebook、Snapchat、Periscope、 Instagram 等一線 App ,力求簡潔易用。團隊介紹和要求看這里。
結束
這里只分享我用了並且確實好用的東西,Sketch 好強大,我目前只使用了一小部分就滿足了基本的設計需求。