グラデーションを使ったデザインのやり方 - GIGAZINE
Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか？」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ
破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
ColorBlender.com |色の相性
To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.
Best Web Gallery - CSS & Flash Design Inspiration
Blog The Blog StarterVN:R_N [1.9.17_1161]Rating: 5.0/5 (1 vote cast) Portfolio Jenny JohannessonVN:F [1.9.17_1161]please wait...Rating: 3.6/5 (8 votes cast) Best of Adult Swim Singles 2016VN:F [1.9.17_1161]please wait...Rating: 4.1/5 (9 votes cast) Portfolio Alexandre RochetVN:F [1.9.17_1161]please wait...Rating: 3.8/5 (5 votes cast) CSS Converse: DiamondsVN:F [1.9.17_1161]please wait...Rating: 3.
いろいろなインスピレーションをかき立てる美麗なコンセプチュアルフォト写真集
1枚の写真の中に伝えたいことを詰め込むという技術の結晶とも言えるコンセプチュアルフォトを集めた写真集です。写真家の技量や加工のテクニックもさることながら、文字を使わずにそのグラフィックだけでメッセージを伝える力量はすさまじいものが多く、見ているだけでいろいろなインスピレーションが浮かんできます。 鑑賞は以下から。 Conceptual Photography: 50 Beautiful Examples | Digital Photography Shots 01：Air Guitar 02：Anorexia 03：public privacy 04：AnnTena 05：I miss you 06：Indifference 07：SMOKING KILLS 08：What Friends Are For 09：Roll the Dice............ 10：Almost...
学んで損はないシルエットを効果的に使った写真の実例46種類
詳細に細部まで写すことによって表現する方法もあればその逆、あえてシルエットだけにすることによって見えない部分は見ている人の想像力によって補ってもらい、見る人によっていろいろなイメージを持ってもらうという手法もあり、最適なシルエットを選ぶことができれば効果は倍増します。 というわけで、シルエットを効果的に使い、鮮烈な印象を残すことに成功している写真の実例46種類の鑑賞は以下から。 45 Stunning Silhouette Photos for Inspiration | Digital Photography Shots 01：A little too early for you, kid. 02：Angels in a field. 03：are u ready for the Beautiful Game? 04：Baby Blue Silhouette 05：Beach Fight
ウェブデザイナー必見、教育機関のウェブデザインで特に秀逸なもの30選
教育機関のウェブサイトというとガチガチに堅苦しく作られているイメージがありますが、ここでは大学や音楽学校、はたまたドラム教室やレーシングスクールといったもののウェブサイトの中でも優れたデザインのものを30種類リストアップしています。 どのサイトも見栄えのする美しい色合いで構成され、デザイン性に富んだフォントを多用しながらも見やすいので、これから教育機関などのウェブデザインをする場合、これらのデザインを覚えておくとアイデアの一助になるかもしれません。 秀逸な教育機関のウェブデザインは以下から。30 Exellent Web Design of Education Niche | Web Design Burn 01：Arte Indutora 02：Pray for 44 03：826CHI 04：Renewal Counseling Center 05：Upside Learning 06
美しくてわかりやすいシングルページウェブデザインの例30
ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01：Skysoclear 02：FeelWire 03：Marius Roosendaal 04：Silverback App 05：Scribble And Tweak 06：Visual Box 07
閲覧者の印象に残る、赤を基調としたウェブサイトデザイン35パターン
パッと見ただけで閲覧者の印象に残りそうな、「赤」を基調として構成されているウェブサイトデザイン35パターンです。赤は印象的な分だけ上手に使わないとサイトの見た目がうるさくなってしまいがちですが、うまくまとめることで魅力的なウェブサイトデザインを作り出せます。 A Round up of Red-Colored Websites Design 1：Cafe Rouge 赤い鍋と背景がよくマッチ。 2：MetroStation 小ぎれいにまとまっているウェブサイトデザイン。 3：Intensity in Ten Cities ロケットが印象的です。 4：Grafik さまざまな濃さの赤が使われています。 5：Northern Classics 背景が暗めの赤。 6：New Hampshire Distributors, Inc. 渋めの赤によってどこか落ち着いた高級感のある雰囲気に。 7：Th
簡単にデスクトップを洗練された雰囲気に変える抽象的な壁紙30枚
色数が多かったり、かなり複雑な模様をしていても不思議とスッキリして見える抽象的な壁紙30枚です。これらの壁紙を使用すれば、デスクトップを一気に洗練された雰囲気へと変えることができます。 30+ Cool Collection of Abstract Wallpapers 1：Abstract Wallpaper by thinking-fish 2：New Flowers More Ringlets by Patrick Gunderson 3：Composition #83 by PatrickGunderson 4：New Flowers More Ringlets by PatrickGunderson 5：Abstract Wallpaper by Billelis 6：Abstract Wallpaper by Ignacio Capellan 7：Abstract Wallpa
ダークな配色のウェブデザイン25例
ウェブサイトのデザインをするときに背景に黒や黒系統を持ってくるダーク系配色を採用するなら参考にしたいウェブサイトの事例を集めてみました。これをそのまま取り入れればいいものができあがるというわけではありませんが、使えるポイントを見つけ出したり、逆にマネしてはいけないところを見つけたりできるかも。 25 Dark and Amazing Website Designs | Vandelay Design Blog 1：Shopify — Online Store Software & Hosted Ecommerce Solutions 2：The Mid-Century Modernist 3：Worry Free Labs — Remarkable + Usable Interface Design Across All Devices 4：Fully Illustrated - The
初めてデジタルで色を塗るのですが、肌の色とか肌の影とかどうやって決めればいいのかわかりません。皆さん自分で好きなように色を作ってるのですか？ SAIでの色の作り方のコツを教え
ザ・インタビューズ>redjuiceのインタビュー 初めてデジタルで色を塗るのですが、肌の色とか肌の影とかどうやって決めればいいのかわかりません。皆さん自分で好きなように色を作ってるのですか？ SAIでの色の作り方のコツを教えてください。 肌の色は、キャラクターのカラーリングの中でも最も重要でデリケートな要素の一つです。 僕の場合はカラーパレットも作らないので、ほとんど感覚ですが、 いくつかのセオリーはあります。 HSVスライダで明度を下げるのが影色を付けるのが一歩目ですが、 肌の場合は｢綺麗な肌に見せるため｣の影色の付け方がいくつかあります。 単純に明度を下げただけではくすんだ色になりやすいので、赤みを帯びた色にシフトさせることがあります。彩度を下げすぎず、色相をシフトさせることでくすんだ色になるのを防ぎます。 これは写実的ではありませんが、イラスト的な表現として用いられる
redjuiceさんの鉛筆で描いたような線画はなにを利用しているのでしょうか？ - redjuiceインタビュー
ザ・インタビューズ>redjuiceのインタビュー redjuiceさんの鉛筆で描いたような線画はなにを利用しているのでしょうか？ SAIを使っています。 詳しくは拙著をお読み下され。（宣伝） http://amzn.to/Jm9NtI 設定ファイル一式はこちらに。 http://bit.ly/aGe3L3 使い方は同梱のテキストファイルをお読み下さい。 実際に鉛筆を使ってることもあります。 http://www.pixiv.net/member_illust.php?mode=medium&illust_id=19221195 ほとんど使ってませんが、Photoshopのブラシもあります。 http://twitpic.com/i6pk1 2012-04-21 18:01:05 ☆ 0人がお気に入りに登録しています NEXT : 初めてデジタルで色を塗るのですが、肌
1年目デザイナーに読ませたい配色の考え方を学べる記事
配色センス0でも大丈夫！？服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://yokoboxxx.com/
STUDIO4℃
ikesai.com