Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[PHOTOSHOP] Splatter and Watercolour Brushes For Photoshop – ペンキをこぼしたようなフォトショップ用ブラシ

  • Pocket
  • このエントリーをはてなブックマークに追加

SmashingMagazineの古い記事の掘り起こしです。水彩絵の具やペンキをこぼしたようなフォトショップ用ブラシが無料で配布されてます。ペンキがベチャーってなったようなアレですね。グランジデザインなど、汚しが必要な場合に使いやすい感じのブラシです。いやーそれにしてもいよいよフォトショップのブラシファイルがカオスになってまいりました。これウマく整理できないんだよなー。間引くしかないか。

[JAVASCRIPT] 25 jQuery Image Gallery/Slider Tutorials and Plugins – イメージギャラリーとスライダーに関するjQueryプラグインまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

イメージギャラリーとスライダーに関するjQuery用プラグインがまとめられた記事。どちらも画像をDIVボックス内でスライドさせる点においては共通したテクニックですが、一言にスライド表現とは言っても、結構いろんな表現手法があるもんですね。これだけ数が揃ってるので、サイト内で行いたいトランジションに合ったものが見つかりそうです。

[PHOTOSHOP] 40 (NEW) High Quality Adobe Photoshop Tutorials – フォトショップのチュートリアル集

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップで作品を制作する上でのチュートリアルがまとめられた記事。どれも最近のものだそうです。水彩画風などのイラストレーション、3DCGっぽいもの、ポスター向けのアートワーク、テキストエフェクト、ウェブ用の素材制作、グリッドレイアウトについて、タイポグラフィー、そしておなじみの写真合成のHowToが紹介されています。まぁ結局のところフォトショさえあればわりと何でもソレっぽいものはできちゃうといいますか、そんな感じです。自分の場合それに頼りっぱなしで他のツールあまり覚えなかったという意味でアレだしナニですがw

[LOGO DESIGN] Coca-Cola vs. Pepsi, Revised Edition – ペプシとコークのロゴの変遷

  • Pocket
  • このエントリーをはてなブックマークに追加

ペプシとコークのロゴマークの変遷。ペプシはわりとコロコロロゴが変化しているのに対して、コークは85年に一時期気の迷いが見られますが、基本的にはずっと同じロゴを使い続けてます。ライバル関係にある企業の代表ケースでもある2社のこうした変化というのはなかなか興味深いですね。ちなみに俺はどちらかと言うとペプシ派です。ただし合成甘味料の入ったタイプのはペプシ・コーク問わずに苦手。

[APPLE] 10 beautiful iMac setups worth a look (pics) – iMacの美しいセットアップ例

  • Pocket
  • このエントリーをはてなブックマークに追加

iMacの美しいセットアップ例が紹介された記事。っていうか俺の部屋が載ってるじゃーん! まぁそれが言いたかっただけなんですがw ちなみに元の写真はこちら。これ2年くらい前の実家の写真ですな。ちなみにこの壁紙「どこにあんの?」とよく聞かれます。ここにあるので併せて紹介。いやぁそれにしてもiMacに限らず、アップル製品って絵になりますな。

ちなみに最近の写真はこんな感じ

[WEB DESIGN] 30 Fresh and Inspirational Portfolios With A Twist – 優れたポートフォリオサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

優れたポートフォリオサイトが30例まとめられた記事。トップページでのインパクトを狙ったもの、作品の閲覧性に配慮したもの、奇抜なUIを狙ったものなど様々です。クリエイターにとって作品を紹介する大事なサイトなので、これらの思い切った構成は制作の際のヒントになると思います。

[DESIGN] Information is Beautiful – 情報整理の手法を紹介するブログ

  • Pocket
  • このエントリーをはてなブックマークに追加

これなかなか興味深いっす。情報を整理する手法と、その好例について紹介するブログ。ただの数値の羅列であるデータを、見る側に分かりやすい形でグラフ化&デザインするというのは、意外と難しいもんです。これらを見ていると、「あぁこれこそデザイナーの仕事だよな」とか思います。「情報は美しい」というブログタイトルにも深い意味を感じますな。“現状把握→考察→施策”という流れで仕事している人にとっては、資料作りの助けにもなるんじゃないでしょうか。

[WEB DESIGN] 25 Examples of Mega Menus in Web Design – 巨大メニューを持つサイトのデザインの仕方

  • Pocket
  • このエントリーをはてなブックマークに追加

膨大なページ数、そして巨大なメニューを持つウェブサイトのデザインの好例が集められた記事。分かりやすい例でいくとAmazonあたりがそうでしょうか。扱う情報や商品が多ければ多いほど、ナビゲーションは複雑になり、情報を上手に整理する必要が出てきます。ここで紹介されているサイトの多くはドロップダウンメニューを使っていますが、それもサブメニューを適切な親メニューに入れて初めて機能するものです。巨大サイトの制作時の参考に。