タグ

*ClipとN:サイトデザインに関するtomisyuraのブックマーク (4)

  • はてなブログのデザインの裏側 - Uedayworks::HatenaBlog

    このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45/デザイナーid:ueday/ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました

    tomisyura
    tomisyura 2011/12/13
    ■ラフが超きれい。 ■アイコンがすべて美しい。◯に毛が生えたような文字で"blog"
  • 2011年のウェブデザインのトレンドを振り返る

    2011年のウェブ制作の話題の中心はHTML5とCSS3でしょう。 ここではデザイン面を中心に、2011年に人気が高かったウェブデザインのトレンドを紹介します。 Popular Web Design Trends in 2011: Over 50 Inspiring Examples [ad#ad-2] 下記は各ポイントを意訳したものです。 Responsive Web Design 点線 サークル レトロスタイル リボン マジックナンバー『3』 少しめくれてるペーパー ボーダーレス グリッド 対角線 Responsive Web Design Responsive Web Designとは、ユーザーが利用する環境(スクリーンサイズなど)に合わせて最適なレイアウトを提供する方法です。デスクトップ用のブラウザだけでなく、iPhoneなどのスマートフォン、iPadなど、あらゆるデバイスに最適な

    tomisyura
    tomisyura 2011/12/09
    ■点線(まっすぐ&くねくね) ■サークル(G+) ■レトロ(フォントなど) ■リボン(垂れ幕みたいなやつ) ■『3つ』のエレメント ■ドロップシャドウの進化版「少しめくれてる」 ■隙間無しグリッド
  • DrillSpin (ドリルスピン)

    DrillSpinは事業構造の検討を行なうため、 現在、すべてのコンテンツページが 非表示となっております。 表示再開までしばらくの間お待ちください。 2018年6月29日 DrillSpin

    DrillSpin (ドリルスピン)
    tomisyura
    tomisyura 2011/12/03
    ■Helveticaは「書体におけるビートルズのようなもの」
  • デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き

    Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち

    tomisyura
    tomisyura 2011/05/05
    "4原則:グループ化して近くに、整列、繰り返して法則を示す、主役を立たせる(法則を破ってリズムを作る)//余白率、図版率、サイズ飛躍率(文字、写真、被写体…)//視線誘導" サン・セリフ(仏:セリフ=ハネ がない)
  • 1