プロトタイプやワイヤーフレーム作成ツールまとめ | WordPressやWebデザインなど紹介 Ocadweb
Webサイトやアプリの制作をするときには必須となるプロトタイプやワイヤーフレーム。 WEB制作を依頼するときにワイヤープレームありますかと聞かれることがあると思います。 Web制作依頼する前に、サイトの内容やイメージするデザインサイトやこういう風サイトにしたい、そしてワイヤーフレームを作っておくと話が早いと思います。 もちろんパワポでも、Keynoteでも作ることができます。 今回はプロトタイプやワイヤーフレームを作成するときに便利なプロトタイプやワイヤーフレーム作成ツールをご紹介します。 まずは「プロトタイプ」や「ワイヤーフレーム」について。 プロトタイプやワイヤーフレームとは プロトタイプとは ページを構成する要素や機能だけでなく、ページ間の遷移やクリックしたときの動きや操作感などの確認ができるものをプロトタイプ（試作品）と言います。 本格的な制作に入る前にプロトタイプを作成することで
Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
CC0ライセンス（フリー）の高解像度写真を2000枚以上集めたサイト「Pexels」 | ライフハッカー・ジャパン
「Pexels」はCC0ライセンスの高解像度写真が探せるサイトです。商用利用もOKなのでブログやホームページの素材として使うのもありですね。キーワードから探せますし、色で絞り込むことも可能です。 以下に使ってみた様子を載せておきます。まずPexelsへアクセスしましょう。「summer」で検索してみました。 素敵な写真がずらりと並びます。詳細を見てみましょう。 写真はその場でダウンロードできますよ。また、似たような写真や使われている色から再検索することができるので、類似写真を見つけやすいですね。ぜひフリーの写真を手に入れたいときにご活用ください。 Pexels （カメきち）
最新動画PARK
2024.01.02 ストマックの日常(裏)マルサが来た。国税査察、地獄の取り調べ【第37話】(2023年7月4日) 登録者数260万人の人気YouTuber『ガードマン』のメンバーに国税査察、いわゆるマルサの査察が入りました。ストマック氏にとって、これは他人事ではありません。 国税査察チームの次のターゲットは、ストマックなのか？ 国税の査察とは、国税局査察部が行う「強制」的な調査です。 事前の連絡はなく、会社や社長の家に一斉に捜査員がなだれ込みます。 悪質な脱税行為、そして脱税額が大きなケースを中心に調査します […] 2024.01.02 【オンラインカジノ】$2000で勝負する！！！！【Stake】 サブチャンネル ニコニコ生放送と同時配信しています！！ ツイッター よろしくお願いします！！ リンクツリー ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ※未成年の方はご利用になれません。 ※この動
Web・アプリ開発に使える無料のワイヤーフレームツールまとめ
Web制作やアプリ開発では、本格的なデザインに入る前にワイヤーフレーム作ることがよくあります。制作会社によってはPower pointやExcelなどが使われることもありますが、それらはワイヤーフレームに最適化されておらず、やや不便。 以下で紹介するようなツールを使えば、もっと便利で豊富な機能を使うことができます。Excel方眼紙から卒業したい！という方は要チェック。 無料で使えるワイヤーフレームツールまとめ JUSTINMIND こちらはワイヤーフレームからデザインまで可能なプロトタイピングツール。PCサイトはもちろん、モバイル向けのサイトやアプリのワイヤーフレームも作れます。Photoshopのような洗練されたUIで、ドラッグ＆ドロップでコンテンツを追加することができます。 Wireframe CC こちらは完全フリーで使えるワイヤーフレームツール。Webアプリなのでブラウザ上で編集す
マテリアルデザインのガイドラインが最高に実践的だった
「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解して実践するところにまで到達するのには中々のエネルギーを使いませんか？ マテリアルデザインは英語のドキュメントなので最初は尻込みしましたが、読み進めるうちに内容の充実っぷりに引き込まれました。ここまで親切なガイドラインは珍しいと思います。和訳も欲しいところですが、用例として画像がたくさん挙げられているので翻訳サイトを使えば充分理解できると思います。 豊富なテンプレートと素材 750種類以上のアイコン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事