150種類以上のコンポーネントと50種類以上のすぐに使えるスマホスクリーンが含まれたワイヤーレフーム素材を紹介します。 アイデアを素早くプロトタイプ化するためのスターターキットで、スタイルガイドを利用して新しいコンポーネントやスクリーンを簡単に作成することもできます。 かわいいデザインで、見るだけでも楽しめます!
![CC0の太っ腹ライセンス!スタイルガイドと150種類以上のコンポーネントが揃ったワイヤーフレーム素材 -Contra](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a65642330a6ddc6f2fcb33fd5ea791ce5646bd0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202002%2F2020042210-01.png)
Adobe XDは毎月のようにアップデートされ、着実に機能が充実されています。 現在はベータ版ですが、正式版のリリースもそう遠くないかもしれません。 UXツールとして同じく人気が高いのは、Sketchです。Adobe XDとSketchがデザインからプロトタイプの作成まで、そしてデータの受け渡しまで、どちらがUXデザインのフローを達成するために適しているのかチェックしてみましょう。 Adobe XD vs. Sketch - Which UX Tool is Right for You? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 UXのデザインツール Adobe XDとは ユーザーインターフェイスと便利な機能 Adobe XDとSketch(プラグイン込み)の比較 デザインツール選びの判断 UXのデザインツール UXのワー
Benは、UXPinのコンテンツデザイナーです。ウェブデザインとバックエンドの開発の、両方の仕事をしています。サイドビジネスとして、ウェブコミックの作成者のためのコンテンツマネジメントシステムの構築・保全の仕事をしており、年に1回NaNoWriMoにも参加しています。 プロトタイプを作成するプロダクトマネージャーには多くの選択肢があります。手書きのスケッチをチームに提供することもできますし、PhotoshopやSketchで大まかなビジュアルを作画することもできます。ビジョンを伝えるために完璧なドキュメントを作成することもあるでしょう。 これらすべてに共通することがあります。それは、アイデアや課題から完成品に至るまでの一連の流れを示すということです。残念ながら、このプロセスの統一された呼び方はありません。ある人はローファイと呼びますが、別の人はワイヤーフレームとも呼びます。たとえば「サムネ
こんにちは! かつ、はじめまして! わたくし、デザイナーのピエール高木と申します。 埼玉生まれ・J-POP育ち、悪そうなやつにはだいたいビビッてました。 どうぞよろしくお願いします!! お初の投稿になりますが、デザインやコンセプトの面白いサービス&アプリ、気になるツール、参加したイベントなど幅広くお伝えできればと思っています。 今回のテーマは【プロトタイピングツール】。 はじめに・プロトタイピングツールとは 昨今ではデザイナーに求められることが増えつつあります。 ディレクターやエンジニアに対して、プロダクトの画面遷移や動きのイメージを伝えること (特にネイティブアプリなどの案件で)プロジェクトの早い段階から実装に近いイメージを作ること 修正による無駄な開発リソースを削減すること ・・・ そんな中増えてきているのが、高度なプログラミングなしでプロトタイプが作成できる「プロトタイピングツール」
開発者と仕事をしていると、スケッチ、ワイヤーフレーム、モックアップ、プロトタイプといった用語をよく聞くかと思います。しかし、あなたはこうした用語の意味を本当に理解しているでしょうか? ワイヤーフレームやプロトタイプは、それぞれどんなときに利用するのか、知っていますか? まず、アプリの構築を始める前に、スケッチ、ワイヤーフレーム、モックアップあるいはプロトタイプからスタートするべきだという理由を見てみましょう。 構築したいものがどんなものか、ブレインストーミングをしたり考え出したりするため。こうした作業により、あなたの期待するものが明確になる。 開発者にかかる費用を節約し、構築に必要なものを明らかにすることができる。 こうした作業の結果は投資家や最初の顧客、共同設立者に提示する目的で使える。 顔を突き合わせることのない開発チーム とコミュニケーションを取るためには、これらの用語を正しく区別し
私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム(以下、WF)を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では?
みなさん、10月1日って何の日か知っていますか?!なんと、今日は通商産業省(現経済産業省)が選定した「デザインの日」!そんなデザインの日に、 UIデザインを特化しているGoodpatchが開発しているProttが正式リリース!今回のMEMOPATCHではiOSアプリの紹介を主に、今回の正式リリースの内容をお届けします! 正式リリースについて Prott(プロット)とはこのMEMOPATCHを運営しているグッドパッチが開発しているモバイルアプリやサイトの為のプロトタイピングツールです。2014年4月にベータ版を公開して以来、多くの方にお使い頂いており、ついに正式リリースとなりました!「高速プロトタイピング+新しいコミュニケーション」をコンセプト日々開発を進めています。 ベータ版との違いーアプリ開発チームにむけたよりパワフルなツールへー ・最新のiPhone 6などのiOSや、Androidな
dited by Ryutaro Mori growth hack japan official Twitter account growth hack japan official Facebook account 過度に強調することが出来ないほど重要なプロトタイプ制作。 その重要性は、グロースハックジャパンの記事「グロースハックの大前提 「MVP」の種類と実例 5選」でもお伝えした通りです。 ではどんなツールを使ってプロトタイプを制作すれば良いのか。 ここは多いに迷うところですが、「はやい、やすい、うまい」に越したことはありませんよね? そこで本日は、吉野家もびっくりの超ハイレベルな無料プロトタイプ制作アプリを、5つまとめてご紹介致します! 数あるアプリの中でも、使いやすさや完成品のクオリティに焦点をあてて厳選した5つの無料アプリですので、必ずお気に入りが見つかること間違いないでしょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く