ワンパクの阿部さんと稲葉さんに、コミュニケーション改善のためのWebデザインの秘訣を聞いた【Webフォント見本帳付き】 | Web担当者Forum
企業の顧客コミュニケーションにおけるデザインの重要性は、時代が変わっても変わらない。コミュニケーションの意図に合った良いデザインを突き詰めることで、受け手の感じる印象が大きく変わり、ブランド向上にも寄与する。 ただし、それをどのコミュニケーションチャネルでどこまで突き詰められるかは、時代とともに変わっている。 スマートフォン全盛時代、そしてオウンドメディアのようなコンテンツを企業が重視する時代のWebサイトにおけるデザインにおいて、重要度を増しているものとして、Webフォントがある。 もともとHTMLは情報を構造化するための言語であって、デザインするための言語ではありませんでしたが、CSSが出てきて、HTML5になっていくなかで、Webデザインでもグラフィックデザインに近いデザインができるようになってきた。 ただし、しっかりとしたデザインを行うためには、色や写真などを選ぶのと同じように、フ
Webデザインの善し悪しを、白黒ハッキリさせる「だから、そのデザインはダメなんだ。」
株式会社エムディエヌコーポレーションは、使いやすく見やすいWebサイトの作り方を○×形式でわかりやすくまとめた書籍「だから、そのデザインはダメなんだ。 WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる」を4月22日に発売する。B5変型判／192ページ／オールカラー／2200円（税抜き）。 日々Webサイトを眺めていれば、クリックする気にならない同じようなメニュー、要点が伝わりにくい記事構成、操作の直前に切り替わるローテーションバナーなどなど、誰もが思い当たる不快な経験があるだろう。本書では基本的なレイアウトやコンテンツ、ユーザビリティなどの観点から、UI 設計や情報構造の設計についての考え方を解説している。では、「使いにくいWebサイトとはどういったものか？」 ということで、見開きでサンプルのWebページをもとに良い例・悪い例を○×形式で掲載。一見難しく思えるテーマでも、詳細
Web制作者なら知っておきたい！2015年に流行ったWebデザイン - MdN Design Interactive
デザインには流行り廃りがある。Webデザインの世界においても同様だ。流行したデザインが必ずしも良いとは限らないが、デザインのトレンドを知っておくことで足並みをそろえることができるし、そこに新たな発見があるかもしれない。また、場合によってはWeb制作にうまく盛り込むことにより、効果的なサイトにできる可能性も高い。進化の進むWeb業界においては、トレンドを知っておくことは重要なことなのだ。今回は、2015年において多く取り入れられたWebデザインをいくつかピックアップしてみた。 スクロール型とボタン型を取り入れたハイブリッドなサイト。会社紹介がサックと読める使用になっている。数年前から取り入れられてきた手法であるが、まだまだ縦スクロール型のWebサイトは衰えを見せない。ページの設定には、主にボタンでページを移動して閲覧させる方法と、スクロールさせて1ページにまとめる方法とに分けられる。 1ペー
Webデザイン講師が教えるプラグインを使わない「jQuery」の学び方――最初の入口を最も丁寧に！
Web制作に必要なスキルの中で、HTMLとCSSなら分かるけれど、jQueryとなると少しハードルが高いと感じている方も多いのではないでしょうか。翔泳社が12月15日に刊行した『jQuery標準デザイン講座』は、まさにそんな方を対象とした入門書です。今回、著者の神田幸恵さんに本書の読みどころや講師業で培われたjQueryの学び方をうかがいました。 Webデザイン制作をするうえで、動きのあるサイトは少しレベルが「上」に感じます。サイトを見ているとき、メニューが折りたたまれていたり、画像のスライドショーが設置されていたりすると、「かっこいいな」「面白いな」「どうやって作るんだろう」と思っている方もいるかもしれません。 翔泳社では12月15日（火）、そうしたWebサイトに動きをつけられるjQueryの入門書『jQuery標準デザイン講座』を刊行しました。今回、本書の刊行に合わせて、著者の神田幸恵
最新の“売る”仕掛けの解説書「現場のプロが教えるWebマーケティングの最新常識 知らないと困るWebデザインの新ルール5」 - MdN Design Interactive
株式会社エムディエヌコーポレーションは、「現場のプロが教えるWebマーケティングの最新常識 知らないと困るWebデザインの新ルール5」を7月27日に発売する。“わからない”では済まされないような最新のWebマーケティングを解説した書籍。Webマーケティングの全体像を知りたい人に向けて、マーケティングの歴史から、フレームワーク、具体的な手法や考え方が網羅的に解説されている。B5判オールカラーで160ページ。 めまぐるしく変わる情報通信技術の進化、特にスマートフォンの登場は、ライフスタイルと消費行動に大きな変化をもたらした。それに伴い、Webマーケティングの世界も急速に変化しており、そのトレンドはめまぐるしく変化している。本書はそのような状況に対応すべく、Web制作関係者や企業のWeb担当者などを対象に、Webマーケティングの“普遍的な仕掛け”から、さまざまな手法、現在のトレンドまでを詳しく解
Webデザイン用のオープンソースエディタ「Brackets 1.2」リリース。テキストのドラッグ＆ドロップ対応、Windows高DPIサポートなど
Webデザイン用のオープンソースエディタ「Brackets 1.2」リリース。テキストのドラッグ＆ドロップ対応、Windows高DPIサポートなど BracketsはHTMLやCSS、JavaScriptなどを用いてWebデザインを行うことにフォーカスしたエディタです。上記のファイル以外にも、Bash、C、C++、Clojure、CoffeScript、Dart、Groovy、Java、Markdown、SQL、VBScriptなど35種類以上のさまざまなプログラミング言語、マークアップ言語に対応します。 上記画面で分かるように、メニューなど基本的な部分はすべて日本語化されています。 エディタは2つのファイルを同時に参照でき、HTMLのタグを認識し、入力補助なども行ってくれます。Nodeを内蔵しプレビュー時に起動できるため、Webサーバを経由したWebデザインのプレビューを参照可能。基本的
WEBデザインの見た目と仕組み、きちんと理解してますか？
Webデザイン・ディレクション基礎講座 Webはグラフィックのように、目に見えるビジュアルがデザインの全てではありません。
なぜ企業ホームページはいつもコンテンツ不足なのか？ | 誰も語らなかったWebコンテンツ作成技法
20年近くホームページの分析と改善を行ってきましたが、その間ずっと変わらないことです。分析するホームページのほとんどが、コンテンツ不足なのでこれは何とかしなければいけないと思ってきました。 ホームページが立ち上がってから、企業は何かしらの情報を追加し、ページを更新しているはずです。ということは時間とともにコンテンツが充実して、良いホームページになっていくはずです。しかし、ちっともそうなっていきません。 この連載では、まずコンテンツとは何なのか？ を改めて考え、連載の最終回では大胆にも「誰でも湯水のようにコンテンツを考えられる方法」に迫っていきます。コンテンツを作ったり企画したりするWeb担当者に限らず、誰でも実践可能ですから、ぜひご活用ください。 コンテンツとはお客様の役に立つ内容まず、コンテンツを定義しましょう。ネットの辞書などで調べると、コンテンツとは「内容」「中身」と、みもふたもない
Webデザインが必要とされなくなる日 - MdN Design Interactive
2014年05月12日 TEXT：小川 浩（シリアルアントレプレナー） 先日とある記事で見かけた、WordPressを保有するベンチャー企業AutomatticのCEOのコメントが気になった。WordPressはオープンソース型CMSとして無償配布していると同時に、SaaSとしてWordPress.com経由でWebサイトをオープンできるような仕組みを提供している。シェア的にはほぼ半々とのことだが、このシェアは数年で大きくバランスを崩して自社サーバ上でWordPressをホストする企業がほとんどになるというのである。 前回のコラムでWeb構築サービスを提供するベンチャー企業の躍進を伝えたが、彼らの多くはWordPress.comと同様に自社のWebサービス上へCMSを置き、広くユーザーに提供している。Automatticとしては、WordPress.comで勝負するのではなく、オープンソー
タブレット向けWebデザインのノウハウ40選 ―― 第3章 ワークフローを整理する | タブレット向けWebデザインのノウハウ40選
#32対応方法で気をつけること①の専用サイトは制作・運用のコストがかかってしまいますが、きちんとリソースが確保できるのならば、マルチスクリーンのための設計に頭を悩ます必要は少なくなります。この場合でも、基本的にはどのデバイスでも同じ情報をユーザーが得られるようにするのがよいでしょう。また、別URLにはしないで、同じURLをサーバーサイドで振り分けるようにしましょう。 ②のテンプレート対応は、使用しているCMSがどの程度対応できるかによりますが、完全にリニューアルするよりは早く済む可能性があります。個別に静的HTMLを出力するような場合は、デバイスごとに違うURLにならないよう注意が必要です。 リニューアルが可能であれば、③のレスポンシブWebデザインの導入が、同じURLでマルチスクリーン対応できるベストな方法でしょう。どのサイズでレイアウトを変更するか、CSSのメディアクエリーで決定するブ
MdN Design｜総合情報サイト
HTML5＆CSS3 4-01 canvasを使ってJPEG画像を透過させる canvasを使って、JPEG画像を透過表示する方法を紹介する。通常、透過表示するにはPNG形式の画像を使用するが、これをJPEGに置き換えることで、ファイルサイズを抑えることが可能になる。 制作・文／佐藤とも子・サチコ（螺旋デザイン） BROWSER iOS…5over Android…1.6over IE…9over Firefox…3.5over Safari…3over Chrome…2over 01 それでは早速、JPEGの背景を透過させてみよう。 方法を一言で説明すれば、canvasを利用してJPEGとアルファ付のPNGを合成する【1-1】【1-2】、という手順となる。 透過PNGを使うと普通にimgで配置するだけでいいのだが、canvasを使用することで、ファイルサイズが圧倒的に軽くなるという利点が
リンク色の変更で年間売上高8,000万ドル増も！ Webデザインで変わるユーザビリティ向上4つのポイント
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
2012年からはじめるWebデザイン。 - MdN Design Interactive
いまさら？ …いまからでも！ 2012年からはじめるWebデザイン。 かつてはグラフィックデザイナーの仕事といえば、印刷物制作がほとんどでした。時代は変わり、デザイナーの制作物のひとつとして、Webデザインが一般化してきています。でも、日常の業務に追われてしまったりで、印刷物をおもに手がけるデザイナーが、Webデザインのはじめの一歩を踏み出すのはたいへんでしょう。この特集は、デザイナーの背中をちょっとだけ押すように、2012年現在のWebデザインのトピックを集めてあります。これを機に、Webデザインをはじめてみませんか。 現在は単に「Web（ウェブ）」と呼ばれている「WWW」は、インターネットを利用した応用技術のひとつ。これは、世界中のコンピュータがつながり、クモの巣状に張り巡らされた地球規模のネットワークがWWWの姿だと理解していいだろう。 インターネット上には「Webサーバ」と呼ばれる
ユーザーを理解することは想像以上に難しい─成果につながるWebデザイン
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
解析から導きだした仮説だけでは足りない─成果につながるWebデザイン
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Webデザインが抱える制約と評価の仕方
先週になりますが、Don Norman 氏が PHD-DESIGN のメーリングリストで発した言葉が話題になりました。カリフォルニア大学デービス校デザイン課の Web サイトが酷いというので彼が厳しく避難した内容。こんな文字が小さい Web サイトをつくるデザイン課を受講する意味はないと言い放っています。その後、Webマスターも登場するなど様々な意見が交換されています。 Webサイトをみると分かりますが、10年くらい前につくったように見えても仕方ない見た目です。文字が小さいだけでなく、文章の背景にアニメーションを付けたいがために Flash を導入したのだろうと思わせる演出もあります。Webデザインを仕事にしている方なら思わず突っ込みたくなるところがあると思いますし、Norman 氏のような意見を発する人もいるかと思います。 私も Web デザインを仕事にしている端くれなので、言いたいとこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
熟読ではなく、流し読みしてもらうためのWebデザインとは ～お約束・ページ階層 | 超明快 Webユーザビリティ［Web担特別公開版］
デザインとクリエイティブを深掘りするWebメディア「MdN」