Download to read offline
Uploaded byTakamichi Naka
Pixate、どれくらい時間がかかる？
Pixate制作で気になる制作時間についてをどんなことが簡単にできて、どんなことに時間がかかるのかを紹介します。 サンプル１つめのアプリ https://ameba-furugiya.com/lp サンプル２つめの動画 https://www.youtube.com/watch?v=PdCq-1qHZNU pixateのはじめの一歩 http://ameblo.jp/ca-1pixel/entry-12070891045.html
Pixate、どれくらい時間がかかる？
- 1. 株 式 会社サイバーエージェント 中 隆理 pixate、 どれくらい時間がかかる？
- 2. 中 隆 理( なか たかみち ) デザイナー あだ名 / なかちゃん p i x a t e 歴 9ヶ月くら い 現 在 、アメーバブログのデザインを 担当
- 3.
- 4.
- 5.
- 6.
- 7. 1. スクロール 2. スクロールしたら〇〇する 3. タブバー の 動き 4 . 遷 移 ( タップ ) 5 . ブラー
- 8. ・ 縦にスクロール ・ 横にスクロール ・指 定 サイズにフィット ( フリック ) 1- スクロール スクロールの 種 類
- 9. ル ールさえ 知っていれば できる 1- スクロール 3分 それぞれ
- 10. 2- スクロールしたら⃝ ⃝ 動き・変化をスクロールと連動 移動する 透明度 変わる
- 11. 2- スクロールしたら⃝ ⃝ 「スクロールしたら⃝⃝する」の⃝ ⃝が 単 純で場 合 分けなどがないときは難しくない それぞれ 10分
- 12. 下にスクロール → 画面外に移動する 上にスクロール→ 移動しない 3- タブバーの動き if 文を書く け ど
- 13. 書き方が決まっているし、1∼２文程 度で書ける area_scrool_01.velocityY >0 下にスクロールした時だけを指定
- 14.
- 15.
- 16. 画面外にある画像を 指定の位置まで動かしている。 動き方は細かく指定できる。 ４- 遷移 (タップ ) 「タップしたら⃝ ⃝する」は簡単
- 17. それぞれ 動かしたい画 像 パーツを準備して、動きや 不透 明 度などをそれぞれ 設 定する。 5分 ４- 遷移 ( タップ )
- 18.
- 19.
- 20.
- 21. Lica を作る 日 記×S N S を テ ーマ に 制 作したア プ リで す
- 22.
- 23.
- 24. 1. t op ページ 2 . 日付 をタップ 3. スケジュール タップ 4 . 詳 細 遷 移 5 . 遷 移 先 スクロール 6 . カレンダーフリック 7. 予 定の 追 加 8 . ログ 詳 細 9. FA B
- 25.
- 26.
- 27. スワイプを起 点とした画 面遷移は 見え方 、レイヤー構造、条 件設 定などで おそらく悩む Lica を作る 60分
- 28. レイヤーが 探 せない、数字・スペルミス、構造ミス、どのアニメーションなのか忘れる...etc 1 つひとつの作業時間はそんなに かからないけど、パーツ量に比例して 単純なミスが増える& 頭が疲れる Lica を作る
- 29.
- 30.
- 31.
- 32.
- 33. 作 るときの 意気 込 み ・レイヤー整理でミスを減らす ・１つのファイルにつめ込まない
- 34. サイバーエージェント 公 式クリエイターブログ 「１p ix e l 」で 詳しい説 明 や 使い方 など 書きましたー！ ht tp://ameblo.jp/ca-1pixel/ entr y-12070891045.html
- 35.