【產品 & 設計】入門 - 工具篇 - Sketch + Skala Preview


 

前言

  做產品和設計快 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 等模板

    Sketch 中文使用手冊

    http://browse.sketchapp.tv/

    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 好強大,我目前只使用了一小部分就滿足了基本的設計需求。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM