アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの？みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。（実際の物はもっとディテールに手をいれてますが。）意外と時間がかかってしまい、1300フレーム6MBにもなりましたが、個人的にも客観的に見れて面白かったです。 ドット絵ができるまで ドット絵1つでも小さい領域ながらテイストや雰囲気を考えながら作る事ができ、非常に奥の深い手法だと思います。 追記 下書き：http://d.hatena.ne.jp/tikeda/20050715/1121441586
先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。 構成 ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基本スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用（.table-list）」「管理画
はてブクロニクル の方で、プロフィールアイコンについてまとめてみました。 http://chronicle.g.hatena.ne.jp/rikuo/200611 ただし、1600以上のユーザーアイコンを表示しているため、非常に重いのでご注意下さい。 あちらでまとめても良かったのですが、1日に投稿できる文字数がちょっとギリギリなので、アイコンのデザイン傾向についてはこちらでまとめてみます。 タイポグラフィ 文字による表現。これだけあれば英字や平仮名・漢字を上手く使って文章が作れそう。 数字 英字（1文字） 英字（複数文字） ひらがな カタカナ 漢字（1文字） 漢字（複数文字） gifアニメによる文字 その他（記号など） 参考リンク 断片部 - ano::プロフィール画像が文字の人 アスキーアート やや例外的ですが、アスキーアートが元になっているもの。 デフォルトのアイコンをアレンジ 矢印
2007年11月12日 〜 2007年11月27日まで開催していた「公開デザイン祭2007秋」では、たくさんの方に素敵なデザインをご応募いただきありがとうございました。総計で71作品の応募をいただき、昨日はてな社内にて厳正な審査を行い、大賞・入選作品を決定いたしました。 今回ご応募いただいた71作品は、惜しくも入賞されなかった作品も含めてどれもクオリティが高く、選考にあたったスタッフも思わずうなるほどの力作揃いでした。選考の様子を撮影した動画を昨日のエントリーで公開しておりますので、よろしければご覧ください。 大賞、入選作品はそれぞれ以下の10作品です。入選となったユーザー様、おめでとうございます。 大賞(Amazonギフト券 5万円分) オータム・リーフ id:K8A さん 季節感を感じるシルエットのイラストを利用しつつ、さりげないテクスチャ感がとても品がよく、それでいてゆとりを持った間
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
