UIデザイナーのためのプロトタイピングツール｜LINE CREATIVE CENTER
こんにちは。Financial Design 2チームのイ ハンソルです。 わずか数年前までは、開発が完了するまで、自分のデザインが実際にユーザーたちにどのように受け止められているか分かりづらかったと思います。 また、デザインのモーションを関係部署に説明するには口頭で「スルスルっとした感じ」とか「シュンッと出るように」などの表現を使いながらコミュニケーションをとったため時間もかかりました。 しかし、この頃はデザイン業務をより効率的に進めるための多彩なプロセスが開発されていますが、その中の一つがプロトタイピングです。 プロトタイピング(protoyping)とは？プロトタイプ(prototype)は辞書によると「本格的な商品化に先立ち、性能を検証·改善するために簡単にコア機能のみを組み込んで製作した基本モデルや 試製品」を指し、既に機械、自動車、建築、医療など様々な分野で使い勝手を検証する方
1-1. Figmaの概要 | UI/UXデザインツール『Figma』入門
1-1. Figmaの概要UIデザインUXデザインプロトタイピングデザインの共同制作から共有まで、チーム作業に強いUIデザインツール『Figma』について紹介します。実際にどんなシーンで活用されているのか、Figmaを利用するメリットとデメリットについても解説します。 公開日：2019/04/19最終更新日：2021/01/28 1.Figmaって何？Figmaは2016年9月に正式リリースされたUIデザインツールです。 リリースの時点でデスクトップアプリケーションだけではなく、ブラウザでもデザインの作成が可能な点で革新的でした。Windows, Mac, Linux やChromebookといろいろなOSに対応したアプリケーションが提供されています。 また、リアルタイムにコラボレーションできるデザインツールとして徐々に人気が出てきています。 インターフェースは全て英語ですが、徐々に日本で
インタラクションデザインのためのプロトタイピングツール「Origami Studio」｜CrowdWorks DesignDiv
はじめまして！ 今年からクラウドワークスにジョインしました、デザイナーのターナーです。 初投稿となる今回は、インタラクションデザインのためのプロトタイピングツール「Origami Studio」の表現力に心惹かれ 試しに使用してみたので、その所感をレポート致します。 （この記事はOrigami Studioの使い方ではなく、ツールの考察に関する内容です。 ） What is Origami Studio?「Origami Studio」はMacOS上で作動し、実機で画面を確認しながら、アプリのインタラクション、画面遷移を自由度高く表現することができるプロトタイプツールです。 FacebookがAppleのモーショングラフィック作成ツールQuartz Composerをベースに開発し、2016年4月にFacebookの開発者向けイベント『f8』で発表、2017年はじめにスタンドアローンアプリ
モックアップ作成ツール「Origami Studio」の使い方を解説するぞ！｜ハタケ／UIUXデザイナー
こんにちはこんばんは。ハタケです。 タイトル通りこの記事ではフレンドリーにOrigamiStudioの解説をしていくよ OrigamiStudioとはFacebook社が開発したインタラクション型のモックアップ作成アプリケーションだよ。 ProtやFlintoのようなトランジション型プロトタイピングツールと、アニメーションを自由に制御できるAfterEffectのちょうど間にいるようなアプリケーションって覚えてもらえればいいかな？ 僕が働いている会社では、自分の作ったデザインをエンジニアさんに引き継ぐ前のアニメーション確認ツールとして使用しているんだ。 ただ、すべて英語だしクセのあるツールだからちょっと学習コストが高めなんだけど、UIをアニメーションまでこだわってデザインするなら覚えておいて損はないぞー！ ちなみにこれはMac専用アプリケーションだからWindowsの人はまずMacを買って
[Origami Studio]でプロトタイピングしてみた #origamistudio | DevelopersIO
ども、UI Designerの清田です。 Origami Studioにて、プロトタイピングする機会があったのですが、あつかいやすさにココロをうたれたのでその魅力をご紹介します。 Origami Studio とは？ Facebook社が開発した、Mac上で動作するプロトタイピングデザインツールです。 Made in Origami We created Origami to help us design and build many of our products like Facebook, Messenger and Instagram. We're excited to see what you make in Origami. Facebook社が開発・提供している、Facebookアプリ、MessengerアプリはOrigami Studioを用いて デザイン・プロトタイピング
![[Origami Studio]でプロトタイピングしてみた #origamistudio | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c39443adbcfe68823ae361e260bb7df0cc54fcf3/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2017%2F03%2Feye-cach-origami-studio.png)
スマホアプリのプロトタイピングに便利な「POP」を使ってみた
スマートフォンアプリのプロトタイプが作成できるアプリ「POP」の使い方をまとめた記事です。iPhoneでもAndroidでも使うことができ、アプリの画面遷移などが確認できます。無料でインストールできるので試してみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 スマートフォンアプリのプロトタイプを作ろうと思うと、かなり手間がかかると思います。そんな時に便利なのが、無料で簡単にプロトタイピングが行えるスマートフォンアプリ「POP」
FigmaのWebデザインを本物のスマホアプリに変換できる「Bravo Studio」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、UI / UXなどのWebデザインを手軽に作れるFigmaと連携してスマホアプリが作れる無料サービスをご紹介します。 プログラミングは一切不要で簡単なタグをFigmaのレイヤーに記述するだけで、アプリに変換できるユニークな機能が搭載されています。また、Airtableと連携してインタラクティブなアプリも構築できます。 さらに、ネイティブアプリのソースコードにも書き出せるので、アプリストアへの登録も可能です。 手軽にスマホアプリを開発したい方やデザイナーの方も含めて、ぜひ参考にしてみてください！ 【 Bravo Stuido 】 ■「Bravo Studio」の使い方 それでは「Bravo Studio」をどのように使えばよいのかについて見ていきましょう！ まずはトップページの【Sign up】ボタンから無料のユーザー登録を済ませておきま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Android Studio 4.1」が正式公開 ～エミュレーターがIDEと一体化、折り畳み端末のデバッグも可能／ネイティブメモリプロファイラー、スタンドアロンプロファイラーなどの新機能も