最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切
ごった煮ちゃんぽん 漫画・アニメなどでの使用フォントまとめ
・その１（No.1～No.20） ←いまここ ・その２（No.21～No.40） ・その３（No.41～） No.1：さよなら絶望先生 「さよなら」の部分がNatsumikan（無料）、「絶望先生」の部分が昭和モダン体（有料）。 No.2：らき☆すた スランプ-DB（有料）。ファイル形式の違いからWindowsでは使用できないようです。このロゴ、ぱっと見はフォント原形のままのようで実は色々といじくってる。 ～追記～ よく見れば文字の骨格そのものはロゴ丸（有料）ですね… ロゴ丸にスランプ（有料）っぽい効果をかけると上のロゴになるようです。 No.3：月姫 金文体（有料）。書体見本はPDFファイルになっているので、フォント紹介ページへのリンクです。 No.4：ARIA Anastasia（無料）。上のロゴはAnastasiaに手を加えているようで、横線の突き出し部分が無くなっている。 No.5
RedLine Magazine : Photoshopブラシ「まとめ」の「まとめ」
Photoshopブラシ「まとめ」の「まとめ」 2009.11.22 2件追加しました。 2010.02.07 5件追加しました。 先日Photoshop用ブラシをFireworksで使うためのエントリを書いたので、その肝心のブラシまとめ記事のまとめ。ちょっと自分でもこういう系のエントリをブクマしすぎて把握できなくなってきたのでメモ的に。 勢いでまとめたのでリンクミスとかあったらすいません＞＜ 今まで自分がブクマとかしたブラシまとめ・紹介ページ とりあえず適当にジャンル分けしてみた。 光系・キラキラ系 光が超カッコいいPhotoshopのブラシ色々まとめ:phpspot開発日誌 きらめく光のPhotoshopブラシ200選 | CREAMU 45の光を表現するphotoshopブラシ集[記事紹介]*ホームページを作る人のネタ帳 光線を描くためのPhotoshopブラシ250+ | CREA
Photoshopのブラシやカスタムシェイプを大量に配布しているサイト | 楽してプロっぽいデザイン | Forty-N-FiveBlog
楽してプロっぽいデザインの極みです。自分で作らなくてもサイトにアクセントを加えるブラシなどが大量に配布されております。自分でデザインするのも勿論楽しいですが…ていうかそれがやりがいの部分ですが（笑）でもこういうツールを使うのも便利で楽できます。 他にもこんなサイトがあります。 ブラシやベクター画像を配布しているサイト 100近くのブラシがダウンロードできるサイト ブラシ・シェイプなど各種ダウンロードできるサイト ※但し会員登録が必要です。自由に使うことが可能なPSDファイルの詰め合わせパック 様々な種類のブラシがダウンロードできるサイト ハイクオリティなブラシを集めたサイト すごいデザインのブラシがダウンロードできるサイト フォトショップブラシの大量配布サイト カスタムシェイプの大量配布サイト それはもう大量のブラシがダウンロードできるサイト 大量のブラシありがたく頂いておきましょう ブラ
ハリウッド映画のポスターにありがちな13パターン Pouch［ポーチ］
映画の本場といえば、なんと言って米・ハリウッド。毎年数え切れたほどの作品が制作され、のちの作品に影響を与える名作も多数誕生しています。そのハリウッド映画のポスターには、実は決まったパターンがあるようです。過去のポスターのパターンを分類した画像が、海外のインターネットユーザーの間で話題を呼んでいます。以下がその13パターンです。 ・ ハリウッド映画のポスターでありがちな13パターン 1． 浜辺に立つ人々と、空に浮かぶ巨大な顔 感動的なドラマ映画に多く見られるパターン。浜辺に立つ人たちと、空に浮かぶ人物は、作中で別離（死別）する可能性が高いです。 2． セクシーな背中（多くは武器を持っている） アクション映画に多く見られるパターン。 3． 背中合わせ ラブコメディやアクション映画み見られるパターン。多くは男女が背中合わせで立ち、2人は本編で恋愛関係に陥るケースがあります。 4． ベッド ラブコ
すごく印象的でお役立ちなPhotoshopチュートリアル50本 - GIGAZINE
毎日様々なインスピレーションを求めているデザイナーたちによって作られているサイト「The Design Inspiration」が選んだ2011年に最も印象的だったPhotoshopのチュートリアル50本がかなり有用です。 50 Most Impressive Photoshop Tutorials of 2011 | The Design Inspiration http://thedesigninspiration.com/articles/50-most-impressive-photoshop-tutorials-of-2011/ ◆1：全速力で走っているモーションを効果的に加える方法 ◆2：バットマンのシンボルマークがよく見ると浮かび上がっている ◆3：SF映画のようなポスターに仕上げる ◆4：左右対称のライトニングエフェクト ◆5：マンガ風・カートゥーン風に塗る方法 ◆6：ファ
無料かつ商用可で約2万枚のハイレベルな写真を提供する「Luc Viatour」
無料で使えるネット上にある写真は「そこそこ」のレベルのものがほとんどで使い物にならないと思っている人の認識を変えさせるほどの威力を誇っているのがこのフォトグラファー「Luc Viatour」氏の公式サイトです。 なんとサイト上にある写真の全てがCreative Commonsライセンス（CC BY-SA 3.0）で提供されており、営利目的での利用、すなわち商用利用も可能となっています。 Luc Viatour http://www.lucnix.be/ 各画像の上にある以下のアイコンをクリックすると別ウインドウが開き、フルサイズの画像のダウンロードが可能となります なお、以下が約2万枚ある画像の一例です。 ◆01：Flaque d'eau au Champ de Mars ◆02：Cnidaria_Luc_Viatour ◆03：2h_Namur_13.jpg ◆04：LV1_5170 ◆
漢字が使える日本語フォント 無料ダウンロード 46種類 : 4GALAXYのメモ
56 10 09 2007 漢字が使える日本語フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日本語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
[連載]Webデザイン入門（1日目） | Stocker.jp / diary
本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweaver 等のソフトの操作説明」しかされておらず、ソフトの操作方法を習得しただけではWebデザイナーとして就職し、仕事していくのは少々厳しいのではないかと思いました。 そこで、ソフトの操作方法と平行して「Webデザインそのもの」について考える時間を設けたいと思い、オリジナルのカリキュラムを作ることにしました。 ここでは、そのカリキュラムの一部をブログ形式にして掲載しています。 既にWebデザインの仕事をされている方はご存知のことばかりかもしれませんが、これからWebデザイナーになりたい方や、今はプログラミングなどデザイン以外の仕事をされていて、これからデザインも手がけてみたいと
![[連載]Webデザイン入門（1日目） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aeba51f4329633993f3f50c3007e124fe9a30ab/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fb433d63ba5e7a465dbac23082f36bb7f-500x375-1.png%3Ffit%3D500%252C375%26ssl%3D1)
Pixel Joint - The Internet Pixel Art Gallery
Chain of Challenges, episode 12. After the mobile app, the PJ Nerd needs only one thing: a new avatar. However, this time it needs to be an animal nerd portrait. Draw a standard PJ avatar portrait of The Nerd as an animal of your choosing. It can be a nerdomorphic animal, or a zoomorphic nerd, a hybrid, a side effect of a magical spell going wrong, or a result of a mutation. It doesn't really matt
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色彩センスのいらない配色講座
500px is Photography
信じられないほど美しい空のグラデーション - Capturing Gorgeous Sky Colors -
新着記事
木目、紙、錆などフリーで使えるリアルなテクスチャ画像集:phpspot開発日誌
新着記事