\UI,UX/ APP Prototype工具

  1. 設計畫畫

    • SKETCH(HTTPS://WWW.SKETCHAPP.COM/推!

      • 這個軟體只for mac設計,主要是拿來構思畫畫的。

      • 裡面有一些樣板(web, iOS, Android, icon, 平板都有),已經內建了Material Design 。

      • 樣版畫完可以匯出圖檔
      • 參考的樣式會去這裡觀摩下載 http://www.sketchappsources.com/

      • 有些樣式會因Sketch版本不同無法開啟
    • MOQUPS(HTTPS://MOQUPS.COM/)

      • 可以直接在網頁上設計畫畫 (框線圖製作)
      • 建議使用GOOGLE瀏覽器
      • 自由拉動拖曳組合排列,即可完成一款精緻的線框UI設計圖
  2.  PROTOTYPE

    • MARVEL(HTTPS://MARVELAPP.COM/ )  推!

      • Sketch – Marvelplugin https://marvelapp.com/prototype-with-sketch/
        幫助我們將畫好的畫面直接上傳到Marvel網站上進行Prototype

      • 操作滿容易的,成品也可用網址…等方法分享

      • 使用者可留言

      • Marvel app所以我覺得不錯Demo。(設計網站也沒問題)

    • POPAPP(HTTPS://POPAPP.IN/)

      • 有出app
      • 方便用於手繪匯入app操作(手畫 −> 拍照匯入 −> Prototype)
      • 使用者可留言
    • INVISION(HTTPS://PROJECTS.INVISIONAPP.COM/推!

      • 一開始提供給使用者mobile, web, web app 3種樣板
      • app 建議製作尺寸android(iOS)就是720 * 1232(750 * 1334)
      • 成品也可用網址…等方法分享
      • 使用者可留下動態留言(點任一點留言)
      • 手機上預覽app: Skala Preview

 

參考來源
  1. 我用 Sketch 設計 Android app 的工作流程 — Design + Sketch App — Medium
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s