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分でプロトタイプが完成します。 実機で、実際
新年度に備えて名刺のデザインを変えてみよう！好印象を与えるセンスのよいビジネスカード用のフリー素材のまとめ
春が近づくと、いろいろなものを一新したくなりますよね。 自分で名刺のデザインを考えるのも楽しいですが、自分にはないセンスを取り入れて新しい名刺を作ってみるのも面白いものです。 文字を入力するだけでそのまま使える名刺用の素材をはじめ、名刺を使ったモックアップ素材を紹介します。
ウェブサイトのモックアップを楽しく作ろう！300以上のUIエレメントが揃ったハンドクラフトのモックアップ用素材 -Basiliq
これはなかなかの良素材。 下記キャプチャのようにチームのみんなとワイワイしながら作るもよし、一人でモクモクと作ってみんなにお披露目してもよし、と楽しみながらウェブサイトのモックアップを作成できる素材を紹介します。
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
思考を妨げずに、モックアップをさくさく作成できるオンラインツール -Mockup Designer
ブラウザのローカルストレージを使用して、直観的なインターフェイスでモックアップを簡単にさくさく作れるオンラインツールを紹介します。
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
「Pencil」を使って行う、皆が幸せになれるペーパープロトタイピング - 表参道フォークウヱル別館
先日、TechCrunch にこんな記事が上がっていて、興味深く読みました。 どうやったら開発のコストを少なくできるか？ 答え：コードを書かない開発者は新しいプロダクトを作るのに、まずはコードを書いて簡単なデモレベルのものをつくろうとする。だけど、彼はコードを「書く」前にもやることがあるという。たとえば紙によるモックアップだ。これだけでも十分な役割を果たすことがある。 （中略） 先にペイパーモックアップを作って（ウェブなら画像をブラウザーで見せるだとか）、それをもとにユーザーにヒアリングをして、そからフィードバックを得て実際に製品の開発にはいるんだそうだ。 私たちは「プロトタイプ」「ペーパープロトタイピング（紙でプロトタイプを作り、検証すること）」と呼んでいましたが、Forkwell の開発ではコーディングに入る前の1ヶ月あまり、ひたすらこのペーパープロトタイピングを行っていました。参考に
快適にさくさく作れる、ワイヤーフレーム・モックアップがブラウザ上で作成できるHTML5アプリ -Moqups
Moqupsの特徴 Moqupsの使い方 Moqupsの特徴 ドラッグ&ドロップでエレメントを簡単に配置できます。 約60種類のUIエレメントを用意。 PDF, PNGへの書き出し。 HTTPS対応。 自動保存。 スマートガイド。 カスタマイズ可能なグリッド。 オブジェクトはグリッドにスナップ。 オブジェクトのロックとグループ化。 右クリックで、Undo/Redo/Cut/Copy/Pasteなど。 上記の操作はキーボードでも可。 タグ付けと検索機能 画像のアップロード メールによる共有。 Moqupsの使い方 Moqupsを使うにはとりあえず登録は必要ありませんが、機能が制限されます。 機能の制限はたとえば、書き出しがSVGのみになります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お手軽Webデザインモック作成サービス～InVision（インビジョン）の使い方：実践編
【保存版】プレゼンにいい！Webページやスマホアプリを魅せるモックアップ用の高品質な無料素材のまとめ
新着記事
iPhone 6/6 Plus, Apple Watchのプロダクト画像、モックアップやワイヤーフレーム素材のまとめ
アイデア出しは手書きが一番！iPadのモックアップ用のスケッチシート -Pad Sketch Sheets
商用利用でも無料、iPhone5のモックアップ用のベクターのPSD素材
デスクトップ・タブレット・スマフォなど、最近のデバイスが全て揃ってる手書き用のモックアップのPDF素材 -INTERFACE SKETCH
みんな仕事早すぎっｗ iPhone 5s/5cのモックアップ用のPSD素材のまとめ