Category : Design
2008 -04-06 ( Sun )
携帯サイトが派手すぎるのですが
- Design
soupcurry.infoの話の最後に書いてたことですが、私の話は長すぎるので分割。
今の携帯サイト文化は、ちょうどインターネットでISDNが始まったころと同じ状況なのだろうと思います。
ディスプレイが大きくなり、ユーザーが回線速度を気にしなくなり、各ブラウザが共通のHTMLフォーマットを解釈できるようになりました。
その背景と、中心である学生ユーザーの人気を集めるために、携帯サイトはどんどんカラフルに、デコラティブになりつつあります。FC2でもサービスを始めていますね＾＾
でも、最近の携帯サイトって、正直どんどん見づらくなってるんですが。
まるで、ホームページ作成ソフトが普及した2000年頃のサイトのようです。CSSレイアウトとアクセシビリティの普及で見やすくなった、PCサイトを扱っているだけにそれを強く感じます。
ディスプレイの小さな携帯端末に、大きなトップ画像が必要なのでしょうか？
背景を原色にする必要があるのでしょうか？文字サイズを変えたり、今更半角カタカナを使う必要があるのでしょうか？
私も今後、携帯サイトの作成をできるようにしたいと思っています。携帯版テンプレートも作る予定です。
そのときに、デザインをどこまで作りこんだら良いのか…また迷うことになりそうです。
2008 -02-16 ( Sat )
デザインセオリーの話
- Design
コメント欄で「デザインセオリーのこととか、制作時にどのくらい考えてるかとか教えて欲しい」とリクエストをもらいました。
私は過去ログを読んでもらえればわかる通り、デザインが非常に苦手です。なので詳しく書いてそれ以上のものを求められてしまうとマジ困るので（苦笑）さわりだけ。
まず一つ目に、以前読んだ本に青は安心感をもたせ、赤は興奮をもたらすとありました。他の色に関してはどのような効果がありますか?洵さんはそのような色のもつ効果を考えてブログなどをつくっていますか?
http://webbingstudio.blog10.fc2.com/blog-entry-508.html#comment1226
ある程度は考えます。赤は購買意欲を喚起したり、注視させる効果。青は信頼性に繋がるというのはよく言われる話です。楽天が赤でみずほ銀行が青ですよね。
紫は「高級感・不安感」をイメージさせるとも言われます。ゴスロリデザインのキーカラーが紫と黒なのも、若い女の子特有の不安定さやエロチシズムをイメージさせるのでしょう。
私のサイトのグレーとオレンジにも、いちおう「先進的」という意味合いがあります。
また、リンクにカーソルを置いたときの色に補色（色相環の反対側）を使うこともあります。
ただ、考えるのはこの程度で、いちばん考慮するのは全体のカラーバランスです。メイン画像が変わったり、写真やリンクの数が増えただけでもバランスは変わってしまいます。
私が一般ブログ用のテンプレートにあまり強い色調を使わないのは、ブログは毎日観るものですし、使う人によってその辺が派手に変わってしまうからです。
色は難しいです。とにかく沢山の良いものを見て強制的に身に付けるしかありません。
WebbingStudio立ち上げてから三年、これでも随分ましになったんです…（´Д｀；
2007 -10-21 ( Sun )
ヒラギノをWindowsに入れた日から、貴方の苦悩は始まるのですよ。
- Design
MacOSXの標準フォント、「ヒラギノ角ゴ Pro」が使えるようになりました。
見ての通りとても見やすいフォントで、綺麗な日本語デザインには欠かせません。
あ、例文には特に意味ないです。今、まる梅食べてるんで。うまい（´∀｀）
しかし、ヒラギノ角ゴをWindowsにインストールすると、かなり困ったことが起こります。
以前もぶつぶつと書いていますが、実際に見ていただいた方がいいでしょう。
取りあえず追記をご覧ください。
2007 -07-10 ( Tue )
WEB標準と聞くとWEB界の格差社会を感じる
- Design
もうすぐ今年も「Web標準の日（今年は複数形になってる）」がやってきます。
実は私、「Web2.0」よりも「ブロゴスフィア」よりも「Web標準」という言葉が苦手です。
WEB関係の雑誌で毎月のように「今やWEBデザイナーの常識・Web標準をおさえろ！」なんて見出しを見るたびに、仕事でWeb標準を導入するために突破しなければならない多くの問題のことを考えて憂鬱になるからです。
私にWeb標準を徹底して守れというのは、今の私を取り巻く環境を全て否定しろと言われているのと同じです（何故かは割愛します）。
そんな偉そうなことはしたくありませんし、それ以前にご飯が食べられません。
target="_blank"もテーブルレイアウトも好きですし。
仕事の上でのWeb標準というのはまだまだ、「Web標準の日々」で講師を務めるような、才覚と制作環境と収入に恵まれた一部のセレブレティの手の中を出ていないように思います。
2007 -05-25 ( Fri )
愛しのベクターアイコン
- Design
165 Vector Icons, Now in 5 Colours（フリーアイコン）
かわいさのあまりこんなの作ってしまったよ。
でも全世界的にヒットしているので、下手にサイトに使うとどこかとかぶってしまいそう。
今どきWEBアイコンにはビットマップとベクタータイプがあるけど、私はやっぱり様式的なベクター派ですね。
Creator's Exchange
車椅子や非常口に代表される「サイン」とか「ピクトグラム」は、デザインの小宇宙ですよ。
2007 -01-29 ( Mon )
やっちまったよ閉じ忘れ
- Design
5日振りにネット環境が回復しました。
ネットにつなぐのは明日からにしようかな…と思っていたところ、このブログを訪問された方からメールが。
ブログ内に引用符が沢山使われていますが、Qタグは短文の引用に使われるものではないかと気になったので、ご報告をさせていただきました。
突然、こんなメッセージをお送りしてしまってすみません。※プライバシーの観点から頂いた原文を元に編集しています
本文以外に<q>要素を使った覚えはありません。私も気になってブログを見てみました。
…うわぁ
下の写真をクリックしてみてください…
そのときのウェビンブログの状態です。
そりゃあもう慌てましたよ。この間追加したJavaScriptに問題があったのかとか、FC2側のトラブルなのかとか、いろいろ調べました。
原因は、私の凡ミス。
三日前に書いた記事の<q>要素の閉じ忘れです…orz
2007 -01-26 ( Fri )
宣伝したいのは貴サイトですか、それとも作成ツールですか
- Design
2007 -01-21 ( Sun )
文字サイズ変更ボタンを付けよう
- Design
だいぶ前からサイトに「文字サイズ変更ボタン」を付けたいと思いつつ難儀していたのですが、Ogawa::memorandaの小川宏高さんが、既存Ajaxライブラリを活用した簡単な導入方法を公開されていました。
お陰で導入に成功。有難いことです（-人-）
Ogawa::memoranda：prototype.jsを用いたフォントサイズ変更スクリプト
私は大抵紹介されている技術を自分用に修正して利用しています。
どのような修正をしたか、参考に残しておきます。
- 「最初の一回は表示できても、二回目以降表示できない」場合
- 2008年2月4日に、追加補足を書きました。当記事と合わせてご参照ください。
文字サイズ変更ボタンに関する補足
2007 -01-08 ( Mon )
Web制作現場の憂鬱
- Design
書店員の姉が「この本売れてるみたいよ」と言って
「Web制作現場の憂鬱」を買ってきてくれました。
WEB製作者というのは技術屋です。私たちが当たり前のように知っていることは、大半の人は知りません。
会社勤めでWEB製作をしていると、知識レベルや意識の違いがもとで、無駄な作業が大量に発生したりします。
この本はぶっちゃけ、そういったことに関するベテランWEB屋さんの愚痴と若い衆に向けた注意勧告です（笑）
私もまだ経験は浅い方ですが、職場の得意先との関わりで似たようなことを経験してますね…
クライアントの主観で地図の色を10回以上修正させられたのには泣けました|||○|￣|＿
モニターや部屋の明るさで色味が変わるんだってば…
2006 -12-26 ( Tue )
一年ぶりのウェビンブログリニュ
- Design
年末にあたって、このブログを久しぶりに本格改装しました。
見た目は全く違いますが、colorcip_fightersを本館とデザインを合わせた格好で、ほとんどHTMLを変えずにカスタマイズしています。
このデザインは気に入っているので、しばらくはこのままかな。
幅可変・文字大きめなので、高解像度の環境で綺麗に見えると思います。さらにモダンブラウザだけですが、別窓リンクにはアイコンが出るようにCSSを設定してみました。
WindowsInternetExplorerの方も、半年後に7にバージョンアップすれば、モダンブラウザとほぼ同じ表示状態になると思いますよ。
Comment