デザインに関するdroostのブックマーク (6)

  • これぞメタファの王道!紙のテクスチャを使ったサイト21個

    紙のメタファとは? 紙のメタファのバリエイションには、以下のようなものがあります。 手紙、レター 段ボール 古紙(汚れたり、やぶれたり) ノート、ルーズリーフ、リングノート メモ書き、付箋 、手帳 タグ そもそも、紙と文字というのはとても相性がよいものです。 また、ページをめくる、やぶれる、メモを残すなどアフォーダンスを利用しやすいので、工夫次第でいろんな表現ができる素材です。 みなさんも、紙をメタファしたサイトを作る際には、これから紹介するサイトでどのように、表現に使っているかを、参考にしてみてください。 01. Oliver James Gosling レター風の背景をうまくリピートさせて全体的な世界観を演出しています。 02. Ximena Ruiz online portfolio リングノート風のコンテナが、ページをめくるアフォーダンスを生み出しています。 紙テープで写真を止め

    これぞメタファの王道!紙のテクスチャを使ったサイト21個
    droost
    droost 2013/02/01
    紙のメタファ、紙を使ったおしゃれなサイトまとめ。
  • サマーウォーズクロック ブログパーツ&スクリーンセーバー

    サマーウォーズを映画館で見た日のあの感動。 サマーウォーズへの感謝とリスペクトの想いを込めて、サマーウォーズクロックを作っちゃいました! デザインはサマーウォーズの劇中にも登場するOZのワールドクロックを参考にさせていただきました。 以下のフォームに取得したいサイズを入力すると、ブログパーツタグが生成されます。 「貼り付けタグ」をコピーして、お使いのブログの任意の場所へペーストしてください。 「プレビュー」ボタンをクリックすると指定したサイズのブログパーツがポップアップで表示されます。

    サマーウォーズクロック ブログパーツ&スクリーンセーバー
    droost
    droost 2012/07/21
    サマーウォーズのあのカウントダウン風クロック スクリーンセーバー&ブログパーツ
  • デザインする上で要素を目立たせるという事 |https://wp.yat-net.com/name

    デザインやコンテンツ制作の打ち合わせをしていると必ず出てくる「目立たせる」という行為。 人によって「赤くして」とか「大きくして」と言った抽象的な言葉で表現されますが、僕ら制作者はその言葉をそのままの意味で捉えるわけには行けません。 何故なら、依頼者が何か目的があってそこを赤くする必要がある、大きくする必要があるならばそれを取り入れば良いです。ですが、その目的がその要素を目立たせたいという場合では話が変わってきます。 そうなると、来の目的は「目立たせること」であって、決して赤くすることや大きくすることが目的では無いため、実際に赤くしたり、要素を大きくしても目立たなければ目的が達成されず満足されることは無いでしょう。 赤くして欲しい、大きくして欲しいと言うのは、依頼した人の中にある目立たせる事に直結したイメージである場合が多いので、実際に何を望んでいるのかを読み取ることが大事です。 1.要所

    デザインする上で要素を目立たせるという事 |https://wp.yat-net.com/name
    droost
    droost 2012/04/06
    デザインテクニック
  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

    自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
    droost
    droost 2012/03/29
    デザインの勉強!勉強!
  • 新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー

    「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基テクニック その...他...全10件

    新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー
    droost
    droost 2012/03/29
    デザイン原則10個まとめ
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    droost
    droost 2012/03/27
    画像編集(PhotoShop)まとめ50
  • 1