数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWeb屋の日常

2016/12/05 1203 users デザイ www.adventar.org ボク 笑顔 日常

2016 - 12 - 05 数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 【スポンサーリンク】 list Tweet なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて 面倒くさくなってきて激しく後悔した びっくりしたという。 ぼくはWebディレクターでありデザイ... 続きを読む

HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ

2015/03/04 1149 users 前置き ひと 時点 HP作成 ホームページ作成

長くなっちゃったので、前置きは手短に。 今回は、ホームページ作成に慣れた人にとっては、当たり前で欠かせない存在「ワイヤーフレーム」について書きました。 「なぜか、ホームページのデザインがうまくまとまらない」という初心者さんの中には、ワイヤーフレームの時点で失敗してるヒトが多いんじゃないかな、と思いまして。 「ワイヤーフレーム、なにそれ？」と、まるっきりワイヤーフレームを書かずに、初っ端からデザイン... 続きを読む

効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ

2014/01/06 1072 users コムテブログ 職種別 基礎 webデザイン フォント

Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配... 続きを読む

Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報*ホームページを作る人のネタ帳

2011/04/15 1540 users SEO マーケティング ネタ帳 Web制作 初動

まとめの目次 ワイヤーフレームを学ぼうワイヤーフレーム＆モックアップ作成ツールSEOに対する基礎ところでどうしてキーワードが重要なのかマーケティングとSEOツール知っておきたいWebサービス ワイヤーフレームを学ぼう ワイヤーフレームとは、クライアントに初動で見てもらうためのサイトUI案です。 この段階である程度のコンテンツも視覚化できる為、最初にワイヤーフレームを作成する人も多いのでは無いでしょ... 続きを読む

WEBディレクタなら参考にしたい手書きの画面設計書｜designaholic -Creative Column-

2011/02/18 1060 users designaholic WEBディレクタ 実物 手書き 参考

様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を行ってますが、ぜひとも参考にしたい手書きのワイヤーフレームを紹介します。 まずはPCサイトですが、実物とあわせてどうぞ。   Five Years of Firefox     Five Years of Firefox 続きを読む

ウェブサイトの設計図 ワイヤーフレームを活用しよう | DesignWalker

2009/04/22 1469 users 骨組み DesignWalker プレゼンテーション 矛盾

ウェブサイトを構築する際にワイヤーフレーム（骨組み）からしっかり作り込んでおくとデザインの作業もスムーズに進めることができます。 また、クライアントに提示するプレゼンテーションとしても利用できるので、ワイヤーフレームを作って、要素の抜けや動作の矛盾などをなるべく最小限にすることができるのではないでしょうか。 今回は、ウェブサイトの設計図とも言える、ワイヤーフレームについていろいろとまとめてみました... 続きを読む