よりぶろ

アプリのUIとかについて書いてく予定

Prototype

Flinto for Macの使い方 / バージョン1.2で追加された機能の紹介

この記事はFlinto for Macの使い方シリーズになります。 他記事へはイカから行けますぞい! 基本情報編 プロジェクト作成・機能紹介・基本操作 トランジション〜基本編〜 トランジション〜重ね編〜 トランジション〜接続レイヤー編〜 動画の埋め込み バージ…

Flinto for Macの使い方 / トランジション〜接続レイヤー編〜

この記事はFlinto for Macの使い方シリーズになります。 他記事へはイカから行けますぞい! 基本情報編 プロジェクト作成・機能紹介・基本操作 トランジション〜基本編〜 トランジション〜重ね編〜 トランジション〜接続レイヤー編〜(この記事) 動画の埋め…

Flinto for Macの使い方 / トランジション〜基本編〜

この記事はFlinto for Macの使い方シリーズになります。 他記事へはイカから行けますぞい! 基本情報編 プロジェクト作成・機能紹介・基本操作 トランジション〜基本編〜(この記事) トランジション〜重ね編〜 トランジション〜接続レイヤー編〜 動画の埋め…

Adobe Project Cometのデモ動画を見て何ができるか整理してみた

Adobeが発表したプロトタイピングツール、Project Cometの操作デモ動画が上がっていたので見てみましたぞい!な感想文です。 Cometの詳細については公式動画で大体のイメージが掴めます。 Meet Project Comet - YouTube さて今回見たのは以下の実演デモ。30…

Facebook Origamiに端末を追加するお話

久しぶりのOrigami話。というか久しぶりにOrigami触った。バージョンも1.3になりましたね。 Origami、タブレット系の端末がiPadしか選べなくて、Windows ストア アプリを作りたい時にうーんってなってたんだけど、意外とさらっと追加できたので自分用メモも…

Origamiワークショップ終わりました & 資料公開

Designers Pit 第一回目、無事終わりました。 短時間の勉強会は久しぶりだったので、なかなか時間配分の勘を取り戻すのに苦労しましたが、なんとか?目標としていたゴールまでは辿り着けたんじゃないかと思います。 東京・大阪で開催した結果、バリエーショ…

Origamiのワークショップを東京・大阪で開催します

ブログでちょいちょい進捗状況をアップしていたOrigamiですが、なんとか基礎の基礎に自分が足をつっこむことができたので、今月末に簡単なワークショップを開催します。 簡単にわかるワークショップではありません。簡単なワークショップです笑(でも簡単に…

Facebook Origamiを使ったプロトタイプ習作 その3

前回からの続きで、ようやっとTwitterを参考にした習作ができた。 ちょっと作りは雑だけど ・画像のクロップ ・スクロールへの追従 が無事成功。 構成はこんな感じ。だいぶスパゲティになってきた。パッチが多すぎて一番下に置いたClearが見切れてる。 ちな…

Facebook Origamiを使ったプロトタイプ習作 その2

前回に続いて、Origamiのプロトタイピングについて。 前回の課題であった「通常はスクロールに付いてくるが、タップした時にスクロールがオフになって画面中央に拡大表示されるサムネイル」が作れた。 構成はこんな感じ。 ミソは「Multiplexer」で、こいつを…

Facebook Origamiを使ったプロトタイプ習作

一昨日からOrigamiでのプロトタイプ作成を勉強し始めたので軽くメモ。 1日目 何しろ初めてだったのと、ドキュメントやサンプルが全くと言ってないこともあり、これだけを作るのに4時間近くかかった。Briefsとかならものの数分でできるので、以前記事にも書い…

【2014.08.15 追記】"使える"モバイルアプリのUIプロトタイピングツール・サービス18個

2013年ふりかえりと2014年の予想でも書いたように、ここ1年でモバイルアプリのプロトタイプを作れるツール・サービスが数多く登場しています。 もうけっこうな数が出てきましたので、これからプロトタイピングを検討しようとしている方の参考に、また自分自…

After Effects で作成したUIアニメーション習作

来たるべきデザイナ・エンジニアボーダーレス時代に備えるべく…ってなわけでもありませんが、長らくPhotoshopでアニメーションのプロトタイプを作っていたのを、そろそろAfter Effectsに移行しようかなあと年末に思い始めて早2週間。 小一時間ほどですがさっ…

Tweak ネイティブで作れるプロトタイピングツール

インターネットをさまよっていたらこんなのを見つけた。 Tweak – an iOS design prototyping tool, built natively on top of UIKit 今はまだ招待受付中のため詳細はわからないけど、どうやらプロトタイピングツールのようで、どうやらObjective-Cでのアウト…

Marvel - Dropboxと連携して使うプロトタイピングサービス

もう正直Flintoでいいだろ、と思いますが、プロトタイピングツール収集家の僕としてはひとまず紹介したかったので。 MarvelはDropboxアカウントと連携することでプロトタイプが作れるWebサービスです。 特徴としては ・無料 ・PNG / JPEG のみならず、PSDやA…

プロトタイピングツール Briefs 入門 第2回目『アセット・ホットスポット・スクロール領域』

モバイルアプリ用のプロトタイピングツール Briefs 入門 2回目です。 Briefs ってなんぞやとか、簡単な使い方は 1回目 をご覧ください。 2 回目…っつーかもはや最終回なんですけど、は残りの便利機能「アセット」「ホットスポット」「スクロール領域」、その…

プロトタイピングツール Briefs 入門 第1回目『新規作成・ボタン配置・画面遷移』

来週社内で Briefs の勉強会を突発的にやることにしたんですけど、上司から「俺その日BD休暇(誕生月は1日有給が貰える)なんだよね…」という切ないメールが来たので、せっかくなので備忘録も兼ねて これ読めばなんとかなるよ的な記事を集中的に短期連載しま…

Briefs が 1.1 にバージョンアップして機能強化されたので紹介してみる。

最近 Briefs が 1.1 にバージョンアップしてすごく良くなったのに誰も話題にしてないっぽいので、布教活動も兼ねて紹介したいと思います。 Briefs は iPhone / iPad 用のプロトタイピングツールです。 プロトタイピングツールというのは、簡単に言うと用意さ…