まだAdobe XD使ってないの？はじめての人もこれを読めばすぐに使えるAdobe XDのトリセツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
やっとかめだなも！ LIGのWeb事業部でマネージャーをしているちゃんれみです！ 最近、周りの人からAdobe XDについて質問されることが増えてきました。すっかり「XDおばさん」の名が定着してきたようです。 Adobe XDとは Adobe XDは、Webアプリやモバイルアプリ用のユーザー操作性をデザインし、プロトタイプ化するためのベクターベースのツールです。ワイヤーフレーム、ビジュアルデザイン、インタラクションデザイン、プロトタイプ化、プレビュー、共有間の切り替えが簡単な、オールインワンの強力なツールです。（公式サイトより） ところが先日公開されたAdobe XD対談記事をシェアしたところ、意外にも「XDがんばって覚えねば……」「XDそろそろやらなきゃ」というコメントがいくつか寄せられ、まだまだAdobe XDを使ったことない方がいるんだな、と感じました。今回はそんなAdobe XDビ
2017年最新版！プロトタイピングツールのまとめ | Supership Tech Blog
Supership デザイナーの若林です。アプリやWebサイトのUI/UXに携わっています（と言っても3月入社の新人ほやほやです）。 最近プロトタイピングツールが増えていますが、実際どれが一番実務に適しているんだろう？と気になっていたところ、良い機会をいただいたのでデザイナー観点で実際に（ざっくり）触った感想と比較をしてみたいと思います。 代表的なツールと種類・トランジション型（遷移）：Prott、Adobe XD、inVision、CanvasFlip、Marvel ・インタラクション型（アニメーション）：Origami Studio、Framer ・複合型：CRAFT + inVision、protopie、Principle、flinto、atomic 大まかにこのような分類で上記のようなツールが代表的かと思います。現在、当チームでは主に「Sketch」でUI制作、「Prott」でプ
UXデザインに欠かせない！おすすめのプロトタイピングツール7選【2019年最新】 | Web Design Trends
プロトタイピングツールとは プロトタイピングツールとは、Webサイトやアプリなど、実際のプロダクト制作を行う前にプロトタイプを作成するためのツールです。 ではプロトタイプとは何かというと、下記のようになります。 プロトタイプを作ることで、画面遷移やアニメーションなどの動き、流れを確認することができるため、よりリアルなプロダクトに近い状態でUXデザインを確認することが可能です。 プロトタイプは一度作成したら完成というわけではなく、チームのメンバーや外部テスターに共有したりして、フィードバックをもらいながら修正を重ね、改善し続けます。 様々なプロトタイピングツールがありますが、目的によって使い分けることで、より効率よくプロトタイプ作成とフィードバックを行うことができます。 プロトタイピングツールの種類 一般的に、プロトタイピングツールの種類は大きく3つに分けることができます。まずは、プロトタイ
STUDIO | Web制作を、ノーコードで。
コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはSTUDIOだけです。
UXデザインツール「STUDIO」でのプロトタイプ作成が最高という話 | sizucca.com
ブログ書くぞーー！！ と取り急ぎのブログを立ち上げた のが 1 ヶ月前。 月日が経つのって早いですね（思わず目が遠くなる）。 その内ビルド方法を忘れて記事の更新できなくなりそうな未来が見えるわぁ…と思っていたら、 テンション上がるプロトタイピングツール「STUDIO」を見つけたので、 勢いに任せてその感想を書き散らしてみようと思います。 目次 作成したデモ プロトタイピングツールの使い所 STUDIO の感想 あとはこれができれば最高！！な要望 敢えての懸念点 まとめ 作成したデモ 百聞は一見に如かず。とにかくどんなプロトタイプが作れるのか見たい！！という方は、 以下からデモで作成したプロトタイプのライブプレビューがご覧いただけます。 iPhone 版 ※ 1 ページのみ Web 版 ※ 1 ページのみ sizucca.com（iPhone 版） ※ グローバルナビゲーション部分は遷移可能
エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ（2017年版） - Qiita
こんにちは、 UXデザイナーの @yuh_iw です。 この記事は NTTコミュニケーションズ Advent Calendar 2017 の23日目です。 すべては最高の体験のために 弊社では、ようやく社内にUXデザインという言葉が浸透し始めていますが、 実態はUIと共に語られることが多いです。（実際は違うよ） とはいえ今回はUIを作るために私達がいつも行っていることについて記載します。 どうやってUIを作っていくのがよいか とにもかくにも、ユーザーに対する検証と学習をくり返すことです。 最高のUI=カッコイイUIではありません。アーティスティックなUIでもありません。 UIにはユーザーがいるので、ユーザーが使いやすいと思わなければならないのです。 そのために、使ってくれそうな人に、検証していく必要があります。 検証するためにはいくつか方法がありますが、 本稿ではUIプロトタイピングを行う
Adobe Muse のサービスの終了
アドビでは、最高の価値をお客様にお届けする製品およびソリューションの開発に注力するため、Adobe Muse CC に関するテクニカルサポートの提供を 2020 年 3 月 26 日を以って終了いたします。 アドビでは、ユーザーに謝意を表すとともに、ユーザーの特定のニーズを解決できる他のアドビ製品へのスムーズな移行を支援したいと考えています。 開発を行う前に web サイトやモバイルアプリケーションのユーザーエクスペリエンスを設計する場合は、Adobe XD をお試しください。 これは、UI のデザインおよび試作ができるツールです。詳しくは、Adobe XD を参照してください。 ユーザーがそれぞれのクリエイティブな仕事を発表する web サイトを作成する場合は、Adobe Portfolio を使用して、Behance プラットフォームにも接続可能な美しいポートフォリオ web サイトを
海外の動向からみるデザインツールの現在
デザイナーとツールは切っても切り離せない関係です。ときにはデザイナーのスキルはツールの熟練度や使い分けの仕方で決まることもあります。長く使い続けたいですが Web やアプリのデザインは、テクノロジーと密接に繋がる仕事であるが故に、いつの間にか新しいツールが主流になることがあります。 特にここ 10 年でデザインの仕事は大きく変わりました。今でも Web デザイン、アプリデザインにおいて Adobe 製品は多大な影響力をもっていますが、それがほぼ唯一の選択肢だった頃と今は違います。また、今まで以上にデザインにスピードと柔軟性が求められているので、Adobe 以外のツールも必要になってきています。 では実際、世界のデザイナーはどのようなツールを使っているのでしょうか。ニューヨークのデザイナー Khoi Vinh さんが、The Tools Designers Are Using Today で
Adobe XD CC体験版ダウンロード | UI/UXデザイン、プロトタイプ、共同作業ツール
Creative Cloud の Web サイトからアプリケーションをダウンロードできます。プロンプトが表示されたら、お客様の Adobe アカウントでログインして、「ダウンロード」または「インストール」をクリックします。詳細については、「Creative Cloud アプリケーションのダウンロード」を参照してください。 「インストールに失敗しました」エラーの解決策には、「エラー： Creative Cloud デスクトップアプリケーションのインストールに失敗しました」を参照してください。ダウンロード、インストール、アップデートに関する他の問題を解決するには、「ダウンロードおよびインストールに関する問題のトラブルシューティングガイド」を参照してください。
Figma: The Collaborative Interface Design Tool
Downloads Get the desktop, mobile, and font installer apps
Bootstrap Studio - The Revolutionary Web Design Tool
A powerful desktop app for creating responsive websites using the Bootstrap framework. Run Browser Demo Bootstrap Studio is a powerful desktop app for designing and prototyping websites. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. The app is built on top of the hugely popular Bootstrap framework, and exports clean and semantic
ありがちなプロトタイプ失敗パターン
次へ進むための『何か』 プロトタイプは今日の設計プロセスにおいて必須の役割を果たしている … といった論調を見かけることがあります。特にアプリの場合、Web サイト制作以上に開発者とデザイナーの密接なコミュニケーションが必要になるので、単なる静止画データの受け渡しでは不十分です。そこで「プロトタイプを作りましょう」となるわけですが、他のツールと同様、手法を取り入れただけで制作における課題が解決されることはごくまれです。 プロトタイプは、紙で作るものから、Principle のようなアプリケーションを使ってインタラクションを加えるものまであります。プロトタイプの完成度も制作スピードもツールによってまちまちなので、どのように扱えば良いのか迷う方も少なくありません。また、新しいツールを採用してプロトタイプ（のようなもの）を作ってみたけど、以前と状況が変わらないどころか、大変になってしまうこともあ
プロトタイプの使いどころと紙の真価 : could
今だからこそ再入門 2015年7月12日東京 OpenCU のイベント「CMS SUNDAY Vol.4」に登壇しました。セミナーと一緒にワークショップも実施されましたが、CMS のカスタマイズ知識なくても参加できるカリキュラムが組まれていました。ファシリテーションを務めた羽山祥樹さんのワークショップの進め方も含めて勉強になる充実した１日になりました。私のほうはワークショップ前の準備運動としてプロトタイプの基本を振り返る話をしました。 2012年頃からプロトタイプに関するセミナーやワークショップをしています。翌年にはデジタルハリウッド大学院でプロトタイプの講座も開いています。 それから、およそ3年。 プロトタイプをつくるためののツールは高機能になり、当時では難しかったことを10分ほどで作り上げることもできるようになりました。紙芝居でするしかなかったアニメーションも、今だと Pixate の
Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision
Freehand – The all-in-one collaborative workspaceUnlock your team’s full potential – ideate, plan, execute, and track projects with Freehand There is something so natural about collaborating in Freehand. It feels like you’re holding a marker, and making ideas happen. I can’t imagine doing that in another tool. It captures that human essence of being in person and talking to someone that is right n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free prototyping tool for web & mobile apps - Justinmind
Responsive web design tool, CMS, and hosting platform | Webflow
Framer — The web builder for stunning sites.
Principle
Prott - Prototyping tool for Web iOS Android apps
RELATE: A clean, simple UI kit for mobile | InVision
