Adobe XDの使い方がこれでよく分かる！Adobe公式、ワイヤーフレーム・プロトタイプのチュートリアルファイル先日ローンチされたAdobe XD Trailから、Adobe XDの使い方がよく分かるワイヤーフレーム・プロトタイプを制作するチュートリアルファイルを紹介します。 Adobe XDの基本操作をはじめ、ワイヤーフレームの作成、スタイルの適用、プロトタイプの作成、コラボレーションなど、実践的な使い方がこれでよく分かります。
CC0の太っ腹ライセンス！スタイルガイドと150種類以上のコンポーネントが揃ったワイヤーフレーム素材 -Contra
150種類以上のコンポーネントと50種類以上のすぐに使えるスマホスクリーンが含まれたワイヤーレフーム素材を紹介します。 アイデアを素早くプロトタイプ化するためのスターターキットで、スタイルガイドを利用して新しいコンポーネントやスクリーンを簡単に作成することもできます。 かわいいデザインで、見るだけでも楽しめます！
bruck - コーディングベースのプロトタイプシステム
Webサイトのプロトタイプを作成する際には、こだわり過ぎないくらいのデザインに留めておくのが大事です。文字の大きさや画像の内容など、本来関係ない部分までデザインしてしまうと余計な議論に繋がりかねません。 そこで使ってみたいのがbruckです。HTMLタグベースでプロトタイプをさくさくと作れます。 bruckの使い方 左側がエディタ、右側にプロトタイプが描かれます。Webコンポーネントベースになっています。 パラメータを変更すれば、内容が即座に反映されます。 画像部分の大きさを変更するのも簡単です。 bruckは専用のタグさえ覚えてしまえばプロトタイプをコーディングベースでどんどん作成できます。ミーティングをしながら、その場で反映するのも問題なくできるでしょう。常に同じ結果ではなく、テキストの区切り部分が異なるのも面白いです。 技術的にはHoudini Paint API（CSSペイントAP
Form: Free wireframe kit from InVision
Speed up your design processThis free wireframe kit is ideal for creating beautiful, seamless, large-scale design projects, faster. Designers can pull from a massive library of readymade layouts, components, and symbols, allowing them to focus on what really matters: creating beautiful designs (rather than building repeatable processes from the ground up each time). Test and iterate quicklyForm he
目的別に探す！確認しておきたい無料ワイヤーフレーム50個まとめ 2018年度
プロジェクトの初期段階で、アイデアが完成に固まっていないとき、モバイルやWebプロジェクト用ワイヤーフレームを作成することで、機能とユーザーの流れをうまく計画することができます。ホワイトボードや鉛筆と紙でワイヤーフレームを作成するだけでも、デザイン制作において重要な役割を果たしてくれます。 今回は、探している特定の無料ワイヤーフレームを簡単に見つけることができるよう、マテリアルデザインやiOS向け、多目的モバイルアプリ、ウェウデザイン、UXデザインにカテゴリ分けしてご紹介します。 仕様やガイドライン、デザイントレンドは絶えず改善されており、以下の最新ワイヤーフレーム用テンプレートを活用してみましょう。 1. iOS ワイヤーフレーム素材 2. マテリアルデザイン用ワイヤーフレームキット 3. 多目的モバイル向けワイヤーフレームキット 4. Webデザイン向けワイヤーフレームテンプレート 5
Web制作に超便利なおすすめ無料ワイヤーフレームツール4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
無料で便利なワイヤーフレームツール4選 POP https://marvelapp.com/pop/ スマートフォンから手書きのワイヤーフレームを撮影して、ページとページを紐付けることができるアプリです。 こちらの動画を見ていただく方が、言葉でご説明するより早そうです。 スマートフォンサイトのワイヤーフレームはどうしても縦長になりがちな印象がありますが、このように実際のスマートフォンから確認ができれば、そこまで気にならなくなるかもしれません。プレゼンテーションにもオススメです。 Justinmind Prototyper http://www.justinmind.com こちらはインストールして使用するツールです。 インストールすると、最初にデバイスを選択する画面がポップアップで表示されます。 次に作成するサイズを選択します。 するとこのような画面になります。 あとは必要な要素を左からド
10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine
50 Free Wireframe Templates for Mobile, Web & UX Design Wireframing is an essential step in the initial stages of a UI project, allowing you to define the information hierarchy of your mobile app or web design project and plan for functionality and user flow. By stripping away non-essential design elements, wireframes help to communicate the layout effectively. Whether you use a whiteboard, pencil
Free Templates on Speckyboy Design Magazine
Browse a wide selection of free templates for all your design needs, from web to print, ensuring your projects impress.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【作り方の参考にも】WEB・アプリ制作に便利なワイヤーフレーム無料ツール11選【サンプル多数/テンプレート】
無料で高品質なワイヤーフレーム素材！iOS8でよく使用されるエレメントが揃ったPSDとSketchの素材 -UXPin