ワイヤーフレーム、モックアップやプロトタイプ、それぞれの定義と役割 | UX MILK
Benは、UXPinのコンテンツデザイナーです。ウェブデザインとバックエンドの開発の、両方の仕事をしています。サイドビジネスとして、ウェブコミックの作成者のためのコンテンツマネジメントシステムの構築・保全の仕事をしており、年に１回NaNoWriMoにも参加しています。 プロトタイプを作成するプロダクトマネージャーには多くの選択肢があります。手書きのスケッチをチームに提供することもできますし、PhotoshopやSketchで大まかなビジュアルを作画することもできます。ビジョンを伝えるために完璧なドキュメントを作成することもあるでしょう。 これらすべてに共通することがあります。それは、アイデアや課題から完成品に至るまでの一連の流れを示すということです。残念ながら、このプロセスの統一された呼び方はありません。ある人はローファイと呼びますが、別の人はワイヤーフレームとも呼びます。たとえば「サムネ
新作 iPhone 7 を完全再現した、Photoshop や Sketch 用デザインファイルまとめ
先週発表された Apple の新型 iPhone 7。ヘッドフォンジャックの廃止や防水防塵に対応したほか、任天堂からスーパーマリオのアプリが出るというサプライズも飛び出しました。その中でも、新色の光沢感たっぷりなジェット・ブラックへの人気が集まっているようです。 今回は、iPhone 7発表直後に公開された、Photoshop や Sketch でカスタマイズできるモックアップ用デザイン素材をまとめてご紹介します。ダウンロードしたファイルの Photoshop によるデザイン変更方法も簡単にまとめています、参考にどうぞ。 詳細は以下から。 モックアップ用PSDファイルの編集、カスタマイズ方法 今回紹介するPhotoshop 用モックアップのほとんどは、非破壊編集のできるスマートオブジェクト機能を利用することで、よりカスタマイズしやすくなります。まずは、ダウンロードしたモックアップ素材を P
MacbookにiPhoneも！Apple社のかっこいい無料モックアップ素材10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。モックアップ素材って便利ですよね。 制作の素材としてはもちろん、デザインをはめてイメージを固めたり、プレゼン用資料に使えば短時間で質の高い資料を作ったりできちゃいます。 ということで今回は、そのままでもかっこいいアップル製品のモックアップ素材をまとめました。 Apple Responsive Screen MockUps Apple Responsive Screen MockUps 洗練された印象を受ける、リアルなモックアップです。レスポンシブデザインに最適なデバイスが揃っています。iMac、MacBook Pro、MacBook Air、iPad、iPhoneの4デバイスをダウンロードできます。 Free Apple devices mockup Free Apple devices mockup ※現在このページは表示できません。 こちらもリアルな
モックアップでデザイン力を上げる！手軽で無料のPSDファイル50選
苦労して完成させたデザイン、せっかくならより魅力的に演出したいもの。しかし、面倒なデザイン編集作業もしたくない。 そんなときは、作品イメージをはめ込む作業のみで、デザインのクオリティを高めることができる Photoshop 用ファイルを利用してみましょう。今回はクライアント向けプレゼン資料や、ブランディングに欠かせない無料のモックアップ用PSDファイルをまとめてご紹介します。 まるで本当に撮影したような「リアルな仕上がり」を追求したフリー素材が揃います。ここぞというときに使いたいモックアップはいかがでしょう。 詳細は以下から。 モックアップとは？ では、モックアップとは何でしょう。すこし調べてみると以下のように記述されています。 モックアップとは、工業製品の設計・デザイン段階で試作される、外見を実物そっくりに似せて作られた実物大の模型のこと。 ソフトウェアやWebサイト、印刷物などのデザイ
UIやモックアップなどデザイナーがチェックしておきたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」
UIやモックアップなどデザイナーがチェックしておきたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」 インターネット上では日々新しい素材が追加され続けており、その膨大な量に一体どれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」を紹介したいと思います。 SEO Icons – EpicPxls freebie UIやモックアップなどデザイナーがチェックしておきたい素材が多数まとめられています。気になったものをピックアップしましたので、下記より御覧ください。 詳しくは以下 Mobile Wireframe kit モバイルデザインのワイヤー
【11月編】プレゼンからモックまで！無料のPSDファイル49選
プレゼン資料や製品、ホームページのデザインで、実際の完成イメージを伝えたい時があるのではないでしょうか。 そんな時に、役立つのがPSD形式のモックアップやテンプレートです。 デザインしてあるベースの画像に製品の画像を差し込むだけで、手軽にプレゼンに適した画像が作れます。 今回は、無料で使える便利なPSDファイル50個をご紹介します。 いずれも高品質かつ実用性が高いので、使えそうなものがあればぜひダウンロードしてみてください。 無料で使える便利なPSDファイルまとめ 1.Psd iPad Pro Vector Mockup http://www.pixeden.com/psd-mock-up-templates/psd-ipad-pro-vector-mockup iPad Proをリアルに表現したPSDモックアップ素材です。 2.Woman Psd Marl T-shirt Mockup
iPhoneやMacを使ったモックアップ画像が簡単に作れる無料素材サイト「We Generate Beautiful Mockups」
ホームOldiPhoneやMacを使ったモックアップ画像が簡単に作れる無料素材サイト「We Generate Beautiful Mockups」 どうも、やなぎさわです。PCやスマホのモックアップ素材を資料などのイメージ写真で使用することは多いですが、自動でモックアップ内にイメージを反映させたいって事とかありませんか？ もう、ご安心ください。 今日ご紹介する「We Generate Beautiful Mockups」は、モックアップ内に自動で画像をはめ込んでくれる素晴らしいサイトなのです。 しかも無料で使用できます。 入れ込む画像をアップするだけ「We Generate Beautiful Mockups」 http://dunnnk.com 使い方はめちゃ簡単です。まずは、使用したいモックアップを選びます。 使いたいモックアップが決まったら、クリックをします。 そうすると、画像をアッ
アイデアをすぐカタチに残せて便利！画面遷移を伴うモックアップが簡単にオンラインで作成できる -PLOGLESS | コリス
さっき思いついたアイデアなんだっけ？メモしとけば、、ということはありませんか。 デスクトップでもスマホからでも簡単に作成・編集・閲覧ができる、プロトタイプのモックアップを簡単に作成できるオンラインサービスを紹介します。 基本機能は無料で利用でき、有料だと更に便利機能が利用できます。 下の方に、有料プランが無料で利用できるコリス限定クーポンがあります（先着50名様）。 ※14時すぎにクーポン、50名様分終了しました。 ※15時30分、おかわりクーポンを発行しました。 ※おかわり分も終了しました。 ※3/31までに登録された方にはクーポンが発行されると思うので、そちらをご利用ください。 PLOGLESSで画面遷移を伴うアプリのプロトタイプを作成するのに専用アプリやコーディングの知識は不要、手書きのラフがあれば5分で簡単に作成できてしまいます。 画面遷移を伴うアプリのプロトタイプが簡単に作成でき
5分でアプリのモックをつくる！プロトタイピングツール Prottto | Web担当者Forum
Web担トップ » ユーザー投稿一覧 » 5分でアプリのモックをつくる！プロトタイピングツール Prottto 5分でアプリのモックをつくる！プロトタイピングツール Prottto LIQUID DESIGN 1/19(月) 0:23 ツイート サイト企画／制作／デザイン | 便利ツール／サービス この記事を読むのにかかる時間： 1分弱※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。また、編集部はこの内容について正確性を保証できません。 プロトタイピングツール Prottto（β版）をリリースいたしました。Protttoは、アプリのプロトタイプを簡単に作成できる、最もシンプルなプロトタイピングツールです。 デザイナーでも、プランナーでも、エンジニアでも、デザインや手書きのラフさえあれば 5分でプロトタイプが完成します。 実機で、実際
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
仕事早いわっ！iOS9.3のUIがすべて揃ったモックアップ用のベクター素材
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事