ワイヤーフレーム

ニジボックスのUI UXノウハウや案件事例をご紹介！ 資料一覧を見る 本記事では、Web制作では欠かせないワイヤーフレームの作り方を解説します。初心者の方でも分かりやすいように具体例を交えながら、またこの記事を見なが

サイト設計の集大成となるワイヤーフレーム。今回は後編として、デザインの前段階、本気のワイヤーフレームと、レイアウトパターンを使ったhtmlワイヤーフレームについてご紹介します。 前回の記事では、プロジェクト初期に作成する […]

ワイヤーフレームとカンプの比較 ＆デザイン解説 #webデザイン

レジットでLPデザインを行うことが多い今西です！ 健康食品から美容化粧品含め、様々なLPデザインを作成していま

前回、フリマアプリのワイヤーフレームを配ったら好評だったので再び。 よくあるコーポレートサイトのワイヤーフレームを作りました。 トップページにお知らせやバナーが貼ってあって、各ページに詳しい情報が載ってる感じ。 プレスリリースのページとか。 会社概要とか。 採用ページ モバイルもあります WordPressのテンプレート用にスクリーン名を付けています コーポレートサイトをオリジナルで作るなら大抵WordPressでやることになるかと思います。なのでスクリーンの名称にWordPressのテンプレート作成時のファイル名を付けておきました。 採用情報ペー

ホームぺージを作るには、まず構成を練りましょう。ホームぺージには、全体の構成（サイトマップ）とページ単位の構成（ワイヤーフレーム）の2種類があります。この記事では、ホームぺージの構成を練る目的や作り方を解説します。

ホームページを自作する場合のワイヤーフレームについて、作成の流れを順番に追いかけてみます。便利なツールもいくつか紹介します。

私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… […]

ワイヤーフレームを考えるのはとても大変だけど、とても楽しいです。 Webサイトを構築する際の設計図になるワイヤーフレームはとても重要です。Webディレクターにとってはやりがいのある楽しい工程ですね。 こんな人におすすめ Webディレクターの

Web広告と密接な繋がりのあるランディングページ。広告運用に携わる中で「広告に合わせて新しくページを作りたい」「既存のページの構成やテキストを修正したい」と思ったことはないでしょうか？中には改善の余地…

“メインビジュアルの構図一覧まとめてた あとで細かく分類して表にする予定”

サンプルWEBページ2カラムデザイン

フワッとした案件は、見積もりとワイヤーフレーム＋質問をつけた資料を1セットで出しちゃうことが多いです。 「こういうものが含まれてますけど、認識合ってますか？」という、プチ要件定義。会話が進むし、決まる〜！ 今時のツールは爆速で作れるのでLPくらいなら、〜1時間くらいで提出できます🐣

先日1500ページくらいのやや大きめなコーポレートサイトのワイヤーフレームをディレクター、デザイナー、テクニカル担当、アシスタントという職能や経験もバラバラのチームで共同作成しました。みなが足並みを揃えて進めていけるようにワイヤーフレームの作り方を要素分解して、共通理解を持って作業をできるようにしました。どのような手順や考え方で進めていったのかをnoteにも記しておきます。 0. 情報設計とトンマナ設計を分けて考える Webサイト制作ではデザイン着手前の工程でワイヤーフレームと呼ばれるWebサイトの設計図のようなものを多くの場合で作ります。デザインとの違いは何かというと、上図

才流（サイル）のメソッド「BtoB商材のLP（ランディングページ）の標準ワイヤーフレーム」です。数百の成功事例から導き出した「成功の型」を、貴社のビジネスにお役立てください。

ワイヤーフレームとカンプの比較 ＆デザイン解説 #webデザイン

ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。

今回は「ワイヤーフレームってなに？」「聞いたことはあるけれど目的や役割については分からない」という方に向けてワイヤーフレームの役割や簡単な作成手順、おすすめツールを説明していきます。