2015年1月9日のブックマーク (6件)

  • あの頃みんな若かった。国内有名16サイトの2008年→2014年のデザイン比較

    こんにちは、結婚式で悪友に高校時代のポエム的なものを晒されたゆうすけです。 そういうの、当勘弁してほしいんだよな。 先日Macの古いデータを整理していたところ、2008年頃のウェブサイトのキャプチャー画像を大量に発見。当時はWebデザイナーではなくエディトリアルデザイナーだったのですが、デザインの練習(模写)のために取り溜めていた様子。 あの頃の自分は結構真面目だったのかもしれない。 やっぱり今とだいぶ違うなー。具体的にどこが変わったのかな?と結構楽しく眺めていたのですが(どうしてアナログデジタル問わず、掃除をすると懐かしくて手が止まってしまうのか!)、せっかくなので記事としてまとめてみることにします。 当時の担当デザイナーがもしこれを見たら、恥ずかしくてたまらないかもしれないですけどね。一度世に出したものですからね。しょうがないね。 大阪府知事に橋下徹氏が就任し、船場吉兆があの伝説的な

    あの頃みんな若かった。国内有名16サイトの2008年→2014年のデザイン比較
    norip44
    norip44 2015/01/09
    6年前のWebデザインのキャプチャを比較している。記事掲載時よりもさらにリニューアルしているサイトもあったので、合わせて見ると面白い。
  • 「紙っぽいデザイン」の特徴を盗め!イベントポスター事例から学ぶ、紙っぽいデザインの特徴。

    quoitworksのムラマツこと、muuuuu.orgの中の人、ムーちゃんです。こんにちは。お盆休みまでもう少しですね!みなさま仕事の進捗はいかがでしょうか。 webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙(ポスター、雑誌)のような完成図をイメージされることが多いのではないのでしょうか。(特集ページや、LPや、メインビジュアルなどです。検索画面とかは違いますよ!) それで今回はLPやアバウトページ、特集ページでよくある「紙っぽく」オーダーをスマートに解決するため

    「紙っぽいデザイン」の特徴を盗め!イベントポスター事例から学ぶ、紙っぽいデザインの特徴。
    norip44
    norip44 2015/01/09
    「グラフィックデザイン」をWeb Designに落としこむとしたら? という切り口の記事。記事の最後にある、デザイン解析手順もすてき。
  • 縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」 | WebNAUT by Beeworks

    モバイルサイトのデザインデータなど、縦長の画像を自動分割して印刷用に1枚にまとめるツールを作成しました。 データのアップロード等も不要ですので、機密性の高いデータを印刷する場合でも安心して無料でお使いいただけます! 明けましておめでとうございます。年もWebNAUTをよろしくお願い致します。私の新年1目の記事は特に正月らしい内容ではありませんが、Web制作の各場面で使える「痒い所に手が届く」ツールを紹介させていただきます。 デザイン確認時のよくあるやりとり ディレクター: ここでディレクターさんはデザインの確認と指示出しをどのように行うでしょうか? デスクトップ上で修正指示を書き込むようなアプリも幾つかありますが、やはり見やすさや書き込みのしやすさでは紙に印刷して手書きで指示を書く事が多いと思います。 その際、縦に長い画像を印刷しようとすると一般的なアプリではこのようになってしまいます

    縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」 | WebNAUT by Beeworks
    norip44
    norip44 2015/01/09
    すばらしい。とにかく素晴らしい。
  • 角丸に角丸を入れ子にした時、それぞれの角丸をバランスよくデザインする方法

    角丸のパネルに角丸のパネルを重ねたデザインで、それぞれの角丸はどのくらいにしていますか? 親と子のカーブを同じにしたり、親のカーブを緩やかにしたり、その時の見た目でデザインすることもあるかもしれません。 こういった時の一つの目安として、バランスが良い角丸のデザイン方法を紹介します。 しっかりとした数値で2つの角丸をデザインすることができます。 Quick Tip: Rounded Corners Done Right 見た目的になんとなくデザインではなく、親と子の角丸の中心点を揃えてカーブを描きます。こうすることで、2つの角丸は非常にバランスのとれたものになります。

    角丸に角丸を入れ子にした時、それぞれの角丸をバランスよくデザインする方法
    norip44
    norip44 2015/01/09
    ふたつ角丸を重ねるときに、両方の半径をどの数字にすればいいのか、の話。くっ、こんなシンプルな話だったとは!!!
  • Macaw: The Code-Savvy Web Design Tool

    Stop writing code, start drawing it. Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It's time to expect more from a web design tool. "The superhot web design tool of the future." Built for today's web designer Responsive Set breakpoints and optimize your site for all devices. Typography Pull in web fonts or use system fo

    norip44
    norip44 2015/01/09
    Adobe Muse的なアプリケーションなのかも。時間があればためしてみたい。
  • サイトリニューアルしようと思う場合の最大のポイントについて|More Access! More Fun

    昨日のメルマガにも回答したんですが、最近「サイトをリニューアルしたいんだけど」という相談がけっこうありまして、よくわかっていらっしゃるところはいいんですが、割と漠然とした抽象的なイメージしか無い方もけっこういて、どうしたもんかと・・。 サイト制作は何度も書いているように「経費ではなくて投資」です。ハイリスク・ハイリターン、ハイリスク・ローリターンはあってもローリスク・ハイリターンはないのが投資の鉄則。仮にあってもあっというまに競合で埋まる。そこで日は、「そろそろサイトリニューアルしようかな」と思ってる企業さんとか、商店さんが考えるべきことをまとめてみました。メルマガ拡大版です。 なんのためにリニューアルするのか明確にする いちばんもったいなくて、どーでもよいのが「数年経ったのでそろそろリニューアルしよう」という「模様替えと間違えてるだろ」的なやつ。別にお金を捨てても経費で落ちる訳なので、

    サイトリニューアルしようと思う場合の最大のポイントについて|More Access! More Fun