Webデザイン - Yasuhisa Hasegawa (Page 2)

これからのWebデザイン教育

Web Design Education? Webデザインにフォーカスした教育は、時々頭に浮かぶ話題のひとつ。日本全国に Web デザインに特化した学科をもつ専門学校は幾つかありますし、学ぶための書籍もたくさんあります。ただ多くの場合、スキルセットを習得することが中心というイメージがあります。ソフトウェアの使い方、レイアウト・タイポグラフィ・ドローイングの基礎などを扱うことが Web デザインの基礎教育で軸になっています。デザイン全般にしても、基本的に仕事で即時必要となるスキルセットを身につけることが先行しています。デザイナーを「Craftman (職人・工芸家)」として捉えるのであれば、それで良いのかもしれません。腕を磨くための情報を収集し、練習・実践を繰り替えしていれば、職人としての価値がより上がるでしょう。そして、スキルを得るための最初のステップとして、ノウハウを教えるという教育は適しているのかもしれません。しかし、私は Web デザイナーは職人ではないと考えています。スキルセットを学ぶことが重要ではないと言っているのではなく、そのスキルをつかって形作る理由、そし

Webデザイン

ビジュアルツールのもつジレンマとツールの選び方

先日、Quora のほうで Life Without Photoshop [http://www.quora.com/Joel-Lewenstein/Life-Without-Photoshop/] というエントリーを見つけました。Quora.com のデザインは最初からコードで作り始めたというエピソードとブラウザ上でデザインすることのメリットがまとめられています。 Webサイトデザインで国内外で人気なのはやはり Photoshop [https://www.amazon.co.jp/dp/B003F783DG?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=B003F783DG&adid=1XQTJXR1M0YQZZVPQC4C&] と Fireworks [https://www.amazon.co.jp/

Webデザイン

Webデザインにある駆け引きとコダワリ

Webは人とデータに開放された世界電子書籍の登場で、再び DTP デザインと Web デザインが比較されることが増えてきた印象があります。もちろん以前から「DTP デザインの呪縛」のようなものが Web デザインの世界で長く受け継がれています。随分 Web に最適な手法が盛り込まれているものの Dreamweaver [https://www.amazon.co.jp/dp/B003F7831I?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=B003F7831I&adid=14E6WW5MR5ZFNY1RQ6MB&] のような老舗アプリは「DTPデザイナーでも Web サイトが作れる」というコンセプトが今も残っています。Webデザイナーは表現の仕方の違いからフラストレーションをためている方もいると思いますし、発注者側も DTP

Webデザイン

顧客ロイアリティをあげるための８要素

近年、ページビューといったマス視点の数稼ぎではなく、ひとりひとりの利用者にどのようにリーチして関係を作るかといった部分が注目されています。それはＥコマースだけでなく、コンテンツサイト、そして私が運営しているような個人サイトでもいえることだと思います。また次も訪問してもらうためには何が必要なのでしょうか？コンテンツ (製品やサービスを含）があることが必須ですが、他に何があるとロイアリティを上げることができるのでしょう。Webデザインという視点からみても幾つか提案できることがあります。 2002 年 Journal of Retailing に掲載された「Customer loyalty in e-commerce: an exploration of its antecedents and consequences (PDF) [http://linkinghub.elsevier.com/retrieve/pii/S0022435901000653]」という記事には、顧客ロイアリティを上げるためには８つの要素が絡んでくると解説しています。随分昔の記事ですが、ソーシャルメディアと騒

Webデザイン

組み立てるだけのサイト制作プロセスを変えるヒント

書籍や雑誌をはじめとした印刷物。TVやラジオで見られるような広告。デスクトップで動作するソフトウェア。これらの制作プロセスは Web サイト制作において影響を与えてきてモデル。テクノロジーやノウハウが蓄積され独自性も多少出て来たものの、Webサイト制作プロセスは基本的なところは10年くらい変わらないのではないでしょうか。配布してしまったら終わりの印刷物。一瞬でもインパクトがあればそれで良いテレビCM。企画といっても仕様や機能を決める話になり、始めたら後に戻りにくいウォーターフォール式のソフトウェア開発。いずれのプロセスも長所はありますし、それぞれの形に合っているから使われているわけですが、人と人、情報と情報、そして人と情報が常に双方向に繋がり続けている Web という有機体にはいずれの方法も適していません。流動的に変化を続ける Web だからこそ、アジャイルソフトウェア開発 [http://ja.wikipedia.org/wiki/%E3%82%A2%E3%82%B8%E3%83%A3%E3%82%A4%E3%83%AB%E3%82%BD%E3%83%95%E3%

Webデザイン

私にとってテクニカルアートディレクターの意味

Twitter [http://twitter.com/yhassy]では、自分の趣向に合ったサイトをリンクしているだけ [http://www.yasuhisa.com/could/twitter/] ということが多いですが、たまに仕事に関係したことを書いていることがあります。先週ですが、以下のようなことを書きました。 > 優れたマークアップをする方はテクニカルアートディレクターみたいな存在になっていくのかな。既にそんな方いるけど。 — Yasuhisa🗯 (@yhassy) November 12, 2009 [https://twitter.com/yhassy/status/5652774126] Twitterの文字数ではどうも説明しきれない部分があるので、この場で少し補足しておきます。マークアップする方は印刷機？単価数百円のマークアップサービスがあるように、見た目のデザインを再現するという意味でのマークアップの価値は下がっていく一方です。もし見た目を形作るだけでマークアップがあるのであれば、それは当然のことです。紙の印刷業も同様で、見た目の再現の水準が同等で

Webデザイン

ゲームにもあるProgressive Enhancement

Progressive Enhancement [http://www.yasuhisa.com/could/article/progressive-enhancement-result/]は、Web サイト制作の取り組み方にも影響する重要なトピック。Web 特有の考え方だと思われるかもしれませんが、ゲームの世界では随分前から Progressive Enhancement をゲーム開発の一部として取り組まれています。左が画質設定が最高の画面影の中のディテールが鮮明だけでなく光の反射も繊細上の画像は「Crysis [http://www.amazon.co.jp/exec/obidos/ASIN/B000VYXVBU/could-22/ref=nosim/] 」というファーストパーソン・シューティングゲームのものです。同じゲームですが、少しだけ違う見た目を提供しています。ユーザーが影やテキスチャの質を自由に調整することが出来るので、環境により違う見た目になっています。素晴らしいグラフィックが特徴の Crysis ですが、こうしたハイスペックのゲームを古いパソコンで遊ぶとフレームレ

Webデザイン

3.4.U!で情報とテクノロジーの変化について話しました

2009年10月8日、JWDA・CSS Nite・PCC の共同イベント 3.4.U! [http://www.jwda.jp/event/e20091008/] にて「コミュニケーションの変化からみる今後のWebデザイン」とう題名で講演をしました。毎回セミナーに行くと数人知っている方にお会いするのですが、今回はほとんどいなかったので少しだけアウェーな感じがしました。それも恐らくビジュアルデザインやマーケティングなど Web という共通項があるものの、違う立場で仕事をしている方が集まるセミナーだったからかもしれません。こうした場にあまり参加したことがなかったので、新鮮でもあり良い体験をさせていただきました。私の前に話をした un-T factory [http://www.un-t.com/] の中川さん、ニューロテクニカ [http://www.neuro-technika.com/]の細野さん共にプレゼンが上手だったという意味でも刺激になりました。いろいろ技術が出て来ては消えています。人によっては何を学べば良いのか分からなくなったり、覚えることが多過ぎて気が滅入ってしまうこ

Webデザイン

Webデザインについて何を勉強したいですか？

終わりがないのが辛いと感じる場合もありますが、終わりがなく新しい技術やアイデアが紹介され、常にエキサイティングでいられるのも Web の魅力です。技術やノウハウの習得だけでなく、情報収集することは Web デザイナーとして必須の業務といえるでしょう。学びたい技術はたくさんありますが、少し先を見据えた勉強もしてみたいですよね。すぐに使えなくても、次のステップへの手がかりになることはたくさんあると思います。その興味が IA かもしれませんしアクセス解析かもしれません。どの分野でも自分なりに消化・整理することで必ず良い仕事に繋がると思います。いろいろ学びたいことあるよねーっと漠然に言うことがありますが、実際何を学びたいと思っているのでしょうか。Webデザインという切り口で幾つかリストアップしてみました。サステナビリティとWebデザインプロダクトデザインや建築など他の分野では「サステナビリティ」という言葉が世に出回る前から意識されていたものが多いですが、Webデザインにおいて「サステナビリティ」とはどういう意味をもつのでしょうか。そもそも Webデザインのようなデジタルメディアで達成

Webデザイン

Web creatorsで連載を始めました

先月発売された Web creators 3月号 [http://www.amazon.co.jp/gp/product/B001P83QHK?ie=UTF8&tag=could-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B001P83QHK] からになりますが、連載をもつことになりました。「WebデザインxIT フォーカスノート」と題して、毎月デザイナー向けの技術関連の記事を執筆しています。ITというとかなり幅が広く、専門的なところも突き詰めるとキリがないですが、ウェブデザイナーが知っておきたい技術と、ウェブデザインとの関連性を紹介する短い読みものです。この連載記事に挑戦してみたいと思ったきっかけは、ビジュアルデザインが中心の誌面で少し突っ込んだ技術の話が出来るという点にあります。ウェブデザイン雑誌でもコードという側面から技術が紹介されることがありますが、それらは見た目を実現するための手段だけで、技術そのものの解説ではありません。また、ソリューションとしてのデザインと技術の関係を表しているわけでもありません。見た目と技

Webデザイン

Tweets CS4.JPを勢いで作ってみました

以前は開発合宿に参加して勢いで作るということをやっていましたが、最近はめっきりしていませんでした。長いスパンで開発のお手伝いをするのも楽しいですが、逆に一気に作ってしまうやり方も時には挑戦したくなります。というわけで、久しぶりにデザインも含めて２日で作ったページを紹介。 Twitter [http://twitter.com/] で交わされている CS4 [http://www.amazon.co.jp/gp/product/B001JJCKD6?ie=UTF8&tag=could-22&linkCode=as2&camp=247&creative=7399&creativeASIN=B001JJCKD6] ネタを淡々と流しているだけのページです。時間がないといっても、時間がないときに作れてしまうからよく分からん。 Tweets CS4.JP [http://www.yasuhisa.com/is/cs4jp/

CSS

CSS Variables と CSS の未来

ここ数年にリリースされたウェブブラウザは W3C の仕様に従いつつ、実験的に独自の要素を実装して表現の幅を広げようとしています。CSS まわりでは WebKit [http://webkit.org/] がリードしているのではないでしょうか。マルチカラム [http://webkit.org/blog/88/css3-multi-column-support/]や複数背景画像 [http://www.css3.info/preview/multiple-backgrounds/]のような CSS3 にあるものから、反射 [http://webkit.org/blog/182/css-reflections/]やマスク [http://webkit.org/blog/181/css-masks/]のような変わったものまで実に様々です。最近 WebKit のほうにも実装され、今月の CSS WG で草案化する可能性がある仕様で