shrkのブックマーク - はてなブックマーク

「飛び出し注意」の看板デザイン - tikeda's blog
琵琶湖沿いの町を散歩してたら、1時間程度歩いただけなのに似たような少年を多くみかけました。時々お友達っぽい子もいましたが、ある程度子供のパターンが統一されているようです。間違い探しのようですが、飛び出し注意の看板です。似てる感じでも手作りである事で、1つ1つの看板に個性が生まれていて道路標識のような統一のシンボルマークにするより、効果がありそうでなデザインですね。あと、デフォルメ具合（手の指のあたりとか）がなんともいい感じです。余談調べていたらこんなサイトもありました。とびちゅう(飛び出し注意)写真館 INDEX
shrk 2008/06/19
リンク
はてなダイアリーの新ヘッダーをアレンジ - tikeda's blog
はてなダイアリーの新しい基本デザインを公開しました - はてなダイアリー日記先日はてなダイアリーのヘッダーに新しい細いバージョンが加わりました。このヘッダーは、太いのよりもスタイルシートを使って見せ方をアレンジしやすいと思います。いくつか試しにアレンジしてみましたのでよかったら参考にしてください。実際にスタイルシートも載せて起きますので「詳細デザイン」のスタイル欄に入れれば見ることができます。ベースのテーマは新しいはてなダイアリー基本デザインの「Hatena2」です。 Hatena::Diaryロゴとメニューの位置を入れ替えるメニューを左に持ってきて右上に「powered by Hatena::Diary」のような感じにしてみました。 #simple-header { text-align: right; background: #5e7cb4 url("http://f.hatena
shrk 2007/04/01
hatena

css
リンク
汎用CSS - tikeda's blog
先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。構成ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基本スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用（.table-list）」「管理画
shrk 2006/09/05
hatena

css
リンク
効率よく育てやすくデザインする - tikeda's blog
デザイナーが1人だと効率のよいデザインワークってのが肝で最近意識してる事です。 CSS 言わずとしれてますが、後でページ追加したり、機能追加する時など上の項目をコピーして書き換えただけで、デザイナーじゃなくても項目追加を簡単にできます。テキスト要素はなるべく画像にしない特にタイトルとか画像にすると、後でページ追加したり項目を増やすのにデザイナーの作業が入るので。なるべく避けてます。シンボルイメージはグローバルなイメージでサービスシンボルは一番の特徴を捉えるだけのシンプルに（ダイアリーだと「日記を書く」、人力だと「質問と回答」）。細かい特徴を含ませると後で追加された特徴や削除された機能がある度に手を加えないといけないので。シンボル作りはillustratorで粘る特にサービスのシンボルや利用頻度の高いアイコンはどんな使い方をどんなサイズで利用されるかが分からないので、photoh
shrk 2006/05/16
design

web

tips
リンク
1