Private content!This content has been marked as private by the uploader.
Private content!This content has been marked as private by the uploader.
どうしたらクライアントの納得するデザインにたどり着けるのだろう。と考えたことはありませんか?デザインのフィードバック地獄で苦労したWebデザイナー、ディレクターの方は多いと思いますが、振り回されがちなWebデザイナーの特徴とその対処法について、ケーススタディでまとめてみました。 ■クライアントに振り回されるWebデザイナー/WEBディレクターの特徴 「フィードバック指示を額面通りに受け取ってしまう」 これに尽きます。クライアントはデザインをした事が無い人がほとんどなので、修正指示もデザイン的には正しくない事がかなりの割合であります。 これは映画を観て良かった悪かったは誰にでも評価できるが、その映画をどのように修正したらよりよくなるかは経験を積んだ者にしかわからない、というのと同じことです。 にもかかわらず、「ここのボタンを赤くしてください」、「背景をグレーにしてください」という指示を額面通
普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIllustratorからでもコーディングはできるのですが、後工程の人を困らせないために、 ちょっとだけ気に留めておいて欲しいことがあります。 1.色モードはRGBで。 普段DTPをやっているとついCMYKモードのままで作ってしまうことがあるかもしれません。 でもWebはRGBの世界です。変換すると意図した色にならなかったりしますので、 最初からRGBで作ってください。埋め込む画像も同じです。 2.どこがデバイスフォントなのか分かるように指示を。 紙の世界では文字は文字でしかありませんが、Webの世界では「テキストデータ」にするのか 「画像」にするのか決めなければなりません。本文は原則「テキストデータ」ですが、 判断に困る
Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.
12月10日に年末好例のイベント CSS Nite Shift が開催されました。Webサイト制作に関わる様々なキーワードに触れながら1年を振り返るこのイベントも既に5回目。今年は「我々が知る世界の終わり(けど大丈夫)」と題し、Web に関わるプロフェッショナル達が、今後クライアントや利用者に向けてどのような価値を提供できるのかというテーマで話をしました。 Webサイトを作ることが目的になっていないか いつの間にか、公式サイトを作って公開することが当たり前になっている今日。CMS が広く導入されるようになってきた頃から、「とりあえず作る」という傾向が強くなった印象があります。システムを上手く活用すれば、コンテンツはあとで後で流し込めるので、コンテンツが揃う前に作れる(装飾をする)という考えが定着したのかもしれません。作ることが目的になっているからこそ、Web サイト制作における価値も作るた
米Googleは11月18日(現地時間)、オープンソースのWeb向け画像フォーマット「WebP(ウェッピーと読む)」に、可逆圧縮(ロスレス圧縮)モードと透過度を設定できるアルファチャンネルを追加したと発表した。 WebPは、同社が昨年9月に発表した画像フォーマット。Webサイトのページ読み込みの高速化を目的としており、ビデオフォーマット「WebM」のビデオ圧縮技術「VP8」を流用している。発表の時点では、JPEGのような非可逆圧縮にのみ対応していた。10月にはアニメーション、ICCプロファイル、XMPメタデータをサポートした。 Webページ向けの画像フォーマットとしては、一般に写真など階調の細かい画像にはJPEGが、ロゴやアイコンなどにはPNGが、アニメーションにはGIFが採用されることが多いが、今回の機能追加でWebPがそれらに取って代われることになる。ただし、今のところWebPに対応す
Facebookのこと、どれだけ知っていますか。Faebookの個人情報の扱い方、 調べた事はありますか 。 きっと日本の方は総じてあまりよく知らないんじゃないかと思います。何を隠そう、僕もそうです。 けどそんな僕らだからこそ、この記事を読む義務があると思うんです。 だから翻訳しました。インターネットを住まいとする一人の市民として、 自分の身を守れるように。 原題:It’s the end of the web as we know it 著者:Adrian Short 自分のドメインを持っているなら、あなたはウェブの一級市民だ。家主で地主だ。 自分のサイトでできる事は法と常識にのみ制限される。自分の好きなコンテンツを投稿できる。 自分の好きなソフトウェアを走らせれる。カスタマイズされたソフトや自作のものでも大丈夫だ。 ビジュアルも自分の意思通りにできる。 自分でウェブホスティングサービス
※とある件が起きて、以前Facebookで書いた文章を一部編集 最初個人宛として書こうかと思ったけど、面倒なので一般論として書く。 人は楽しいところに集まる。でも、その楽しいところから勝手に疎外された!と思う人(いわゆる「けまらしい」)は一定数いるから、楽しいところを批判すれば、一定の喝采はあびる。でもその喝采を浴びせてくれた人って、批判者に何か与えてくれる訳じゃない。 具体的にいえば、喝采を浴びせてくれた人たちは金を払ってくれない。だって単に自分が気持ちいいと思える意見があったという確認がしたいだけで、金を払ってまでは欲しくないから。もちろん労力だって払ってくれる訳がない。 ウェブは皮肉屋に一定の注目を集めるけど、その注目は労力や金といった高いコストには還元されないのだ。 賛成ばかりで気持ち悪いから、反対の意見を言ったんだ、皮肉屋はよくそういうが、それには信念を感じられない、賛成されてい
pt はポイントで、フォントサイズを示す一般的な単位です。 pc は12ポイントを 1pc とするフォントサイズを示します。mm、cm、in、pt、pc は環境などに左右されない絶対値による指定となります。つまり、絶対値で指定した大きさは、ユーザ側で変更することができません。 それに対し、em、ex、px、% はユーザ側の画面サイズなどに合わせて相対的に変化する単位です。 em ex は要素内のフォントの高さを1とします。 em は大文字の M の高さを基準となり、ex は小文字の x の高さを基準とします。ただし、em については font-size属性を指定したときに限って、親要素のフォントサイズを基準にします。また、px(ピクセル)はモニター画面上の1ピクセルを意味します。 % は属性によって、何に対する割合かは異なりますが、多くの場合は親要素を基準とした割合となります。相対値は、ユ
Webデザインにフォーカスした教育は、時々頭に浮かぶ話題のひとつ。日本全国に Web デザインに特化した学科をもつ専門学校は幾つかありますし、学ぶための書籍もたくさんあります。ただ多くの場合、スキルセットを習得することが中心というイメージがあります。ソフトウェアの使い方、レイアウト・タイポグラフィ・ドローイングの基礎などを扱うことが Web デザインの基礎教育で軸になっています。デザイン全般にしても、基本的に仕事で即時必要となるスキルセットを身につけることが先行しています。 デザイナーを「Craftman (職人・工芸家)」として捉えるのであれば、それで良いのかもしれません。腕を磨くための情報を収集し、練習・実践を繰り替えしていれば、職人としての価値がより上がるでしょう。そして、スキルを得るための最初のステップとして、ノウハウを教えるという教育は適しているのかもしれません。 しかし、私は
前回の「これからのWebdデザイン教育」の記事は、Facebook グループをはじめ様々な場で意見が飛び交いました。あのような記事を書いた理由は、不満をぶちまけているのではなく、書くことによってちょっとだけ考えてみる機会を皆に持って欲しかったわけです。今回は様々な意見が出てきたことを踏まえて、私のほうで感じたことを幾つかまとめていきます。 教育機関だけの問題ではない 教育の話になると、まず学校の改革・カリキュラムの見直しという教育機関へ向けた問題解決に集約してしまう傾向があります。しかし、実際のところ教育機関が今のようにスキル中心の教え方をしている理由は、そこに需要があるからという現実もあると思います。企業の募集ページをみると「○○が出来る方」というスキルセットがリストアップされているわけですし、即戦力とはそういったスキルがある方を指す場合がほとんどです。勉強会・セミナー・ブログを覗いてみ
いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか:「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微
最近はブログやWebサイトにツールバーを設置していることを時々見かけるようになりました。そんなツールバーの多くは、TwitterのツイートボタンやFacebookのLikeボタンといったソーシャルメディアとの共有機能を有しています。今回はこのようなソーシャルアプリケーションと連動した、無料で使える「ソーシャル・ツールバー」を3つ紹介します。なお、今回紹介するツールバーは、すべてJavaScriptコードが貼り付けられるサイトでの利用が前提となります。 Wibiya Wibiyaは日本のブログでもよく紹介されているソーシャル・ツールバーです。多言語対応(本稿執筆時点で37言語)となっており、日本語でも利用できるため、日本のWebサイトにもよく設置されています。テーマカラーは43種類のバリエーションから選択できます。 Wibiya ツールバーにはWibiyaで用意されている「アプリケーション」
いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く