web creators×DeNA連動企画 Web制作現場で使える最新実用テクニック集 - MdN Design Interactive
スマートフォンユーザがますます増加する中、従来PCブラウザや携帯電話向けに公開していたWebコンテンツをスマートフォン向けに展開するケースも増加傾向にある。 スマートフォン向けにどこまで対応するかはコンテンツよりさまざまであるが、プロモーションやブランディングコンテンツに限らず、SNSやEコマースなどのサービスサイトでも、今後はビジュアル・機能ともに最適化したいというニーズは高まるだろう。 そこで、携帯向けWebサービスのスマートフォン展開を果たしたDeNAのディレクター、デザイナー、フロントエンド、エンジニアに制作現場ならではのTIPSを紹介していただこう。 DeNAにおけるソーシャルゲームなどのフロントエンド実装においては、リッチかつユーザビリティを考慮したインターフェイス開発を行っている。本連載では、モーダルウィンドウを事例としてHTML/CSS/JavaScriptの記述に際する効
web creators×DeNA連動企画 Web制作現場で使える最新実用テクニック集 - MdN Design Interactive
スマートフォンユーザがますます増加する中、従来PCブラウザや携帯電話向けに公開していたWebコンテンツをスマートフォン向けに展開するケースも増加傾向にある。 スマートフォン向けにどこまで対応するかはコンテンツよりさまざまであるが、プロモーションやブランディングコンテンツに限らず、SNSやEコマースなどのサービスサイトでも、今後はビジュアル・機能ともに最適化したいというニーズは高まるだろう。 そこで、携帯向けWebサービスのスマートフォン展開を果たしたDeNAのディレクター、デザイナー、フロントエンド、エンジニアに制作現場ならではのTIPSを紹介していただこう。 DeNAにおけるソーシャルゲームなどのフロントエンド実装においては、リッチかつユーザビリティを考慮したインターフェイス開発を行っている。本連載では、モーダルウィンドウを事例としてHTML/CSS/JavaScriptの記述に際する効
第5回 ワイヤフレームもコンテンツ管理 - 実践的インフォメーションアーキテクト論 - MdN Design Interactive
IAになりたい人、IAと仕事をしてみたい人必見! 実践的インフォメーションアーキテクト論 文＝清水 誠 実践系Webコンサルタント。DTP・印刷・ネットビジネスの分野を中心に、ITとIAによる業務カイゼン を手がける。印 刷物とWebへ画像をシングルソースするためのカラーマネジメント、文字情報をシングルソースするECM・XML・自動組版、ビジネスを加速するITイノ ベーションが最近のテーマ。1995年国際基督教大学卒 第5回 ワイヤフレームもコンテンツ管理 Webの画面設計をするためにワイヤフレームを書くのは、IAに限らず幅広く行われている。が、何のアプリケーションを使うべきか、どう記述すべきか、など現場の悩みどころは多い。今回は、ひとつの解決策として、Excelを使ってワイヤフレームという設計書に含まれるコンテンツを効率よく管理する方法を紹介する。 ■理想のワイヤフレームとは? 理想のワ
MdN Design｜総合情報サイト
ナビゲーションはコンテンツと分離したユーザーインターフェイスだが、1ページ内に配置される重要な要素である。デザインのテイストをあわせるときは、見出しや本文などのコンテンツ要素と同化しないようにデザインする必要がある。リン クボタンが並ぶナビゲーションは通常、ul要素、li要素でリスト定義された箇条書きに対してスタイルを指定していく。ここで解説するサンプルでは、「ヘッダー領域＋ナビゲーション領域＋コンテンツ領域＋フッター領域」といった標準的な構造のページを使用する【1-1】【1-2】。 【1-1】ヘッダー（header）＋ ナビゲーションとコンテンツ（contentGroup）［ ナビゲーション（globalheader）＋ コンテンツ］ ＋ フッター（footer）という構成 【1-2】
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──ファイルの共有に使えるツール クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラ インサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービス の中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより 快適に作業するための82の活用術を紹介する。今回はファイルの共通に使えるツール を取り上げる。制作者やクライアント、そのほか制作にかかわるもの同士の間では、 さまざまなデータのやりとりが生じる。便利なオンラインストレージの使い方を知っ ておくと安心だ。 ■バックナンバー 第1回 デザインに使えるツール（1）はこちら 第2回 デザインに使えるツール（2）はこちら 第3回 デザインに使えるツール（3）はこちら 第4回 コーディングに使えるツール（
MdN Design｜総合情報サイト
一般的な商用目的のWebサイトにおいて効果を上げることとは、ユーザーがそのサイトで商品を購入したり、会員登録を行なったりするといった最終的な成果に結びつくことを指す。すなわち「コンバージョン」の達成だ。ところが、Webサイトを立ち上げたクライアントは「アクセス数をアップさせたい」、「ページビューを増やしたい」と単純に来訪者の接触数を成果の前提として要望を出してくることが多い。だが、それらはすべてコンバージョンにつなげたいというクライアントの考えの表層的なものであることを知っておこう。 今回は、Web制作においてWebディレクターが意識すべきコンバージョンとは、いかにして達成されるのかについて考えていく。そもそもコンバージョンとは、Webサイトを通じてターゲットユーザーがアクションを起こすことで生まれるものだ。ゆえにWebサイトは、構造的にユーザーがアクションを起こしやすい構成でなければなら
デザイナーへの道を知る 30人の言葉ほか3冊 - MdN Design Interactive
周りを驚かせるようなカッコいいアイデアやデザインは、一朝一夕で生まれるものではありません。情報や技術を取り入れつつ、日々感性を磨きながら、実践（現場）で鍛えていく。インプットとアウトプットのサイクルが大切。多忙なデザイナーのインプットを助けるべく、MdN Interactive編集部がオススメ本を紹介していくコーナーです。 トップデザイナー、若き日の“悩み”を知る 『デザイナーへの道を知る 30人の言葉』 石田純子／美術出版社 2,000円＋税 本サイト「これがデザイナーへの道」を読んでいただければわかるが、デザイナーになるきっかけ、現在までの足取りは千差万別。多くは「小さい頃から絵を描くのが好きで……」というような“入口”でも、その道程は一本道の人もいるし、紆余曲折の末にデザイナーに行き着いた人もいる。すべてが教科書通りにいかない、いわばチャンス・ミーティングがある人も多い。現在、デザイ
Webデザインとグラフィックの総合情報サイト - MdN Interactive - 「台頭するTwitterのビジネスモデル──（1）」
「台頭するTwitterのビジネスモデル──（1）」 2009年3月30日 TEXT：小川 浩 （株式会社モディファイ CEO 兼クリエイティブディレクター） Googleにとって脅威となりつつあるTwitterの存在感 「Twitter」が今年に入って再びインターネット上でのトラフィックを急速に伸ばしている。しかもそれは、Googleにとっても大きな脅威としての成長である。 Twitterはそもそも140文字限定の短いメッセージングのランダムなやりとりの集合体である。正式には発表されていないが、ユーザー数は世界中に数百万人とされており、それだけの人数の「つぶやき」がひっきりなしに投稿されている。しかも、mixiやFacebookと違い、その「つぶやき」はほぼすべてがインターネット全体に公開されている。 「Twitter Search」 http://search.twitter.com/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MdN Design｜総合情報サイト
デザインってオモシロイ -MdN Design Interactive- TOP
Webデザイナー・ディレクター向けセミナー開催 - MdN Design Interactive
デザインってオモシロイ -MdN Design Interactive- TOP