壁紙多数フリーStanding on the shoulders of Subtle Patterns. Built and maintained by @mikehearn.
デザインは一手間が大切！画像が見違えるほど魅力的になるデザインテクニックのまとめ
一枚の絵には千の言葉に匹敵する価値がある「百聞は一見にしかず」は、コミュニケーションデザインにおいても有効です。わたし達は今までの経験と研究の両方の側面から、画像が多くのユーザーの目を引きつけることを知っています。 自身で撮影した写真画像、どこかでダウンロードした画像に一手間加えて、画像を魅力的にデザインするシンプルなテクニックを紹介します。 画像を美しく仕上げる一番簡単な方法がこの「クロップ」です。クロップは不必要だったり気を散らすエリアを取り去ることで、構図を見直し、焦点を強調することができます。 【注意】クロップするエリアが大きい場合は、可能な限り大きい画像を使用します。これは切り取った後の画像が小さくなってしまうからです。小さいからといって拡大してしまうと、ピクセレーションが起きてしまい、汚い画像になってしまいます。 クロップする時に便利なのが、「3分の1ルール」です。このテクニッ
デザインの勉強にいい！タイポグラフィの素晴らしいアイデアやインスピレーションのまとめ
デザインのセンスを磨くには、いいものをたくさん見ること。 タイポグラフィ（主にWeb）の素晴らしいアイデアやインスピレーションが満載のサイトを紹介します。 Discover.typography Gothamなどのフォントをリリースしている「Hoefler & Co.」のフォントギャラリー。自社フォントの使用例がかっこよく掲載されており、各アイテムに使用されているフォントをフォーカスすると、同じフォントを使ったものがハイライトされます。 Beautiful web type combinations 数多くあるGoogle Web Fontsの中から高品質なフォントを厳選し、組み合わせて使用したギャラリー。各テキストをホバーすると、タイプフェイスの名前が表示され、Google Web Fontsにリンクされているのですぐに利用できます。
2014年、進化しているWebデザインのトレンドを実際に効果的に使用しているサイトともにチェックできる無料のE-Book
Webデザインの現在のトレンドの多くは2013年頃から浸透しはじめ、さまざまな形に進化し続けています。そんなWebデザインのトレンドを実際に効果的に使用しているサイトともに紹介している無料のE-Bookを紹介します。 2014年も残り半年ちょい、早いものですね。 Web Design Book of Trend 2013-2014 このE-Bookとは別に、トレンドの流れをさまざまな切り口からチェックしたい人は下記の記事も参考にしてみてください。 2014年これからのウェブ制作業界の流れ、伸びる職種、ウェブデザインのトレンドなどのまとめ E-Bookは無料で、全187ページオールカラーのPDFです。各トレンドごとに説明と、実例が15サイトくらい掲載されています。 下記に各トレンドと中身をざっくり紹介します。 1. The Era of Content コンテンツの時代 ウェブサイトのレイア
Webデザイナー1年生にお勧め！『Webデザインのお役立ち参考サイト』 | NPO法人クリエイター育成協会 公式ブログ - Web・デザイン・教育・福祉、各種分野で役立つ情報をお届けします！
おはようございます！ 本日は、『Webデザインのお役立ちサイト』についてご紹介したいと思います。 Webデザイナーとしての仕事を請け負いはじめたうちは、デザインに迷ったり、思う様に制作が進まなかったりする場面も、多々あるでしょう。 そんな時は、業界で働く先輩デザイナーのブログやサイトから、得られる知識を参考にしてみることをおすすめします。 私達も普段様々な業界ブログを確認し、気づきを得ながら現場の作業にあたっています。 ぜひ参考になさってください。 Webデザイン 参考サイト 『WEBデザインの見本帳』 http://www.web-mihon.com/ WEBデザイナーのためのWEBサイトのデータベース・リンク集、 「WEBサイトを作成する際のデザインの配色・見本・参考」となるサイトです。 印象、色、ジャンル等から、検索することができます。 『Web Design RECIP
Photoshopでの作業がはかどる！ウェブデザイン（特にスマフォ）用の効果的な環境設定のまとめ
Photoshopでウェブページやスマフォページのユーザインターフェイスをデザインする時に、最も良い結果がでる最適な環境設定を紹介します。 最後の「作業のパフォーマンスを向上させる設定」はウェブデザインに限らず、Photoshopの動作がもっさりしている人は見直してみてください。 How To Set Up Photoshop For UI Design 下記は各ポイントを意訳したもので、画像は当方のPhotoshop日本語版です。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外の多くのブロガーからあのブログでの無断翻訳・転載の声を聞くのでご注意ください。 環境設定はiPhone用を例にしていますが、基本的なポイントは全てのウェブデザイン作業に適用できます。 新規ドキュメントの設定 スナップの設定 テキストの設定 光源の設定 グリッドの設定 画像を書き出す時の設定 R
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
