並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 60076件

新着順 人気順

配色の検索結果121 - 160 件 / 60076件

  • Photoshop Vip » 誰もが欲しがる、極上テクスチャ40セット集めました。

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

      Photoshop Vip » 誰もが欲しがる、極上テクスチャ40セット集めました。
    • Photoshop VIP ☞ 1万個 の商用可シルエットベクター素材を無料ダウンロードできるAll Silhouettes

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

        Photoshop VIP ☞ 1万個 の商用可シルエットベクター素材を無料ダウンロードできるAll Silhouettes
      • WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ |https://wp.yat-net.com/name

        最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門(1日目):Stocker.jp [連載]Webデザイン入門(2:スケッチしよう):Stocker.jp [連載]Webデザイン入門(3:光とボタン):Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。:MAKA-VELI.COM W

          WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ |https://wp.yat-net.com/name
        • 北米WEB屋なら誰でも知ってるんじゃないかって思うサイトをまとめてみた - バンクーバーのWEB屋

          他人のブックマークって気になりませんか?特に同じ業界の人のブックマークってすごく気になりますよね。 興味本位でWEB屋友人のブックマークしてるサイトを教えてもらうことも多いですが、なんだか狙いすましたように、いろんな人が同じようなサイトをブックマークしていることに気がついて、「あぁー、このサイトはみんな良く見てるのかも」って思ったサイトがいくつかあったんですね。 そこで、WEB屋のブックマークをまとめて、北米WEB屋ならこれはたぶん皆みてるんだろうなってサイトをまとめてみましたので(独断と偏見で)ご紹介。 海外でWEB屋をやる方、いち早く海外のWEBデザイン情報をゲットしたい方、知っていて損はないと思います。 Smashing Magazine まずは王道?Smashing Magazine。このサイトは日本でも有名かなと思います。よくWEBまとめ記事とかで取り上げられてますよね。WEBの

          • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

              ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
            • パワポっぽさを脱却する〈色彩編〉|PowerPoint+

              ■パワポの色はダサいどうも今回は脱パワポっぽさ!ということで、色をテーマにまとめていきたいと思います! みなさん、パワポでスライドを作る際、色をどのように決めていますか? 図形を挿入した時のデフォルトの色を使っていますか? 図形の塗りつぶしから色を選んでいますか? もちろん、もともとパワポに設定されているカラーでも問題はありませんが、どうしても普段から目にすることが多いので、パワポっぽさを感じる配色になってしまいます。 今回のテーマ「パワポっぽさを脱却する」ということですから、私がいつもやっている方法を紹介したいと思います! ■色を決めるのはめちゃくちゃ難しいということを自覚する実際に私がおすすめする方法を紹介する前に、色を決めることの難しさについて話したいと思います。 フランスの国旗(イタリアでもルーマニアでもドイツでもチャドでもポーランドでもいいですが笑)で考えてみたいと思います。もし

                パワポっぽさを脱却する〈色彩編〉|PowerPoint+
              • WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋

                WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ

                  WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋
                • 色彩理論の基礎に学ぶ、相性抜群な「色の組み合わせ」 | ライフハッカー・ジャパン

                  身につける服でも仕事のプレゼンテーションでも、何かの見た目を良くしたいのなら、色は大切な要素です。ですが、オレンジと青が完璧な組み合わせだなんて、誰もが直感的に知っているわけではありません。自分の直感を信じられないなら、色彩理論の基本を理解して、それをもとに正しい色を選んでみてはどうでしょうか。 色相環を知る 上の図は基本的な色相環で、色を選ぶ際の指針になるものです。学校で見たことがあるかもしれませんが、忘れている方のために、簡単におさらいしておきましょう。 赤、青、黄色の3色が原色です。赤と黄色を混ぜると橙になります。青と黄色を混ぜると緑になります。赤と青を混ぜると紫になります。そのため、橙、緑、紫は二次色と呼ばれています。赤紫や青紫などの三次色は、原色と二次色を混ぜたものです。 すべての色には明色(明度の高い色)と暗色(明度の低い色)があります。明色は元の色に白を混ぜてできる色、暗色は

                    色彩理論の基礎に学ぶ、相性抜群な「色の組み合わせ」 | ライフハッカー・ジャパン
                  • デザインの原理原則がわかる8つの記事 | creive

                    デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ

                      デザインの原理原則がわかる8つの記事 | creive
                    • 参考にしたい日本人クリエイターのポートフォリオサイト 40

                      Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho

                        参考にしたい日本人クリエイターのポートフォリオサイト 40
                      • 佐野氏のこと | anond.hatelabo.jp | はてな匿名ダイアリー

                        都内で細々と自営のデザイン屋をやっております。今回のエンブレムの騒動もここにきて(とりあえず)一つの区切りがついたようなので、この一連の出来事において個人的に感じたことなどを忘備録も兼ねて書き留めておきます。 まず、佐野研二郎という人物についてですが、今回の騒動でまぁ国民に広く知れ渡るほどの知名度を得ましたけど、デザイン業界においてはスーパースター的な知名度が元からありました。まぁサッカーの日本代表でスタメンに入るようなイメージですかね。ちなみに僕はJ2にも入れないぐらいですね。サッカー観ないからよく知らないけど。まぁ所詮業界内だけのことを国民的なスポーツに置き換えるのもアレなんですけど。 で、そんな彼がこんな形で騒がれ始めて、まるで自分や自分のやってる仕事に対していちゃもんつけられてるような気になって一人で勝手に心を痛めていたわけです。しばらくは。 今回のエンブレムが発表されて最初に感じ

                          佐野氏のこと | anond.hatelabo.jp | はてな匿名ダイアリー
                        • フラットデザインに即採用!美しい日本語フォント。しかも無料。

                          最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。 そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというものに出会うとデザインの基盤として大活躍してくれます。 今回Webで見つけて早速持っているMac全てにインストールしたフォントはこちら。 M+ FONTSの紹介 M+ OUTLINE FONTS はコンピュータなどでの個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているアウトラインフォントです。 海外のフォントはかっこいいのがたくさんありますが、結局英数字だけなので日本語を使用したい場合はバラン

                            フラットデザインに即採用!美しい日本語フォント。しかも無料。
                          • こんな便利なのがあったとは!Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ

                            こんな便利なのがあったとは!Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ

                              こんな便利なのがあったとは!Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
                            • 少しの手間で大きく変わる、細部にこだわったWebデザインを

                              2017年6月29日 Webデザイン 「デザインしてみたけどなんだか物足りない…」そんな経験ありませんか?私はよくあります。それで色を変えてみたり、形を変えてみたりと色々試してみるのですが、結局どれもしっくりこなかったり。そんな時は元のデザインにほんの少し手を加えるだけで納得のいくデザインに変わることが多いんです。わずかな装飾で大きく印象を変える。そんな「ひと手間」に注目してみましょう! ↑私が10年以上利用している会計ソフト! 追記:Photoshopを使った加工の仕方を記事にしてみました! » 【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを グラデーションを加える 「デザインしてみたけどなんだか物足りない…」そんな時はわずかなグラデーションを加えるだけで立体感がでて、ノッペリしたデザインを一新することができます。アレコレ装飾するよりもシンプルかつ王道。 ヘッダーの

                                少しの手間で大きく変わる、細部にこだわったWebデザインを
                              • Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した

                                ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません(「やっちゃダメなこと」もしています)ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に

                                  Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
                                • Photoshop Vip » 背景デザインに使える継ぎ目のないパターン素材、500枚あつめました。

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

                                    Photoshop Vip » 背景デザインに使える継ぎ目のないパターン素材、500枚あつめました。
                                  • Flipsblog.jp

                                    サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

                                      Flipsblog.jp
                                    • これだけは使ってるMacアプリ10個 - ゆーすけべー日記

                                      Evernoteが好きではない。Macのアプリがイケてないからだ。 変なリッチテキストみたいな奴で編集しなくてはいけなかったり、 Webページからコピペした文字がスタイルを継承しちゃったり、 そもそもMarkdownに対応してもらいたかったり。 だから巷で騒がれるほど、Evernoteはあまり使っていない。 その代わりと言ってはなんですが、お気に入りのMacアプリもあります。 今回はMacのApp Storeからダウンロードできるアプリの中でも、 僕が個人的に「今なら絶対入れる」というものを10個厳選して紹介します。 文章書くのに便利だったり、ちょっとしたライフハック的に使えたり、 クリエイティブな活動に必要だったりするもの達です。では、行ってみよう。 1. DAYONE Day One - Mac Journal Application for iPhone, iPad and Mac

                                        これだけは使ってるMacアプリ10個 - ゆーすけべー日記
                                      • Windowsユーザーの俺が独断と偏見で有能なフリーソフト書いてく : PCパーツまとめ

                                        2021年08月16日14:02 Windowsユーザーの俺が独断と偏見で有能なフリーソフト書いてく カテゴリVIP 1: 以下、5ちゃんねるからVIPがお送りします 2021/08/16(月) 03:21:55.532 ID:iHYEg/A30 ちょっと時間が空いたので 皆もいいのあったら教えてくれ! 4: 以下、5ちゃんねるからVIPがお送りします 2021/08/16(月) 03:22:41.774 ID:iHYEg/A30 【Colour Contrast Analyser】 色作成ソフト。見やすい配色かどうかを自動で判定してくれるぞ!ついでに色覚特性持ちの方の見え方も教えてくれる。スライド作成のお供にいかが? 5: 以下、5ちゃんねるからVIPがお送りします 2021/08/16(月) 03:22:46.283 ID:vLqhkW1/0 サクラエディタ 6: 以下、5ちゃんねるか

                                        • 非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)

                                          ※こちらの記事がはてブの総合人気エントリに入りました! こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬(くるしば) (@shiba_program) September 13, 2022 僕は普段はいわゆるPMやエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え

                                            非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)
                                          • Photoshop VIP ☞ Photoshopマジック、すごすぎる写真加工、レタッチ術チュートリアル20個まとめ

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

                                              Photoshop VIP ☞ Photoshopマジック、すごすぎる写真加工、レタッチ術チュートリアル20個まとめ
                                            • 次々とセンスある配色パターンを提案してくれるサイト「Coolors」 | ライフハッカー・ジャパン

                                              「Coolors」は次々とセンスある配色パターンを提案してくれるサイトです。スペースキーを押すと、いい感じの配色パターンを次々と生成してくれます。気に入った色は固定しておくとさらにそれに合った色を探してくれるので便利。 以下に使ってみた様子を載せておきます。まずCoolorsへアクセスしましょう。 このようにカラーパレットを生成してくれます。スペースキーを押すとまた違ったパターンを提案してくれますよ。気に入った色をクリックするとロックをかけることができ、その色は次の配色パターンに必ず採用されます。配色パターンを自分で作るのは難しいですよね。ぜひウェブデザインを考える際に配色の参考にお使いください。 Coolors (カメきち)

                                                次々とセンスある配色パターンを提案してくれるサイト「Coolors」 | ライフハッカー・ジャパン
                                              • 日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ

                                                MS Office カテゴリ MS Office (104) 関連タグ Access (35) Excel (87) OfficeScripts (1) PowerPoint (8) Python (2) VBA (85) YouTube (6) 入門 (37) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (42) デザイン (15) ブログ (39) 入門 (37) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7)

                                                  日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ
                                                • 【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

                                                  皆さんは、満足したバナーが作れていますか? バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

                                                    【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
                                                  • 写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選

                                                    完璧な写真を撮影する方程式はありません。 しかし、これから紹介する20個のガイドラインを利用すれば、つまらない写真の構図を魅力的に改善することができるでしょう。 このチュートリアルでは、写真の仕上がりがグッと良くなる、20個の構図テクニックを参考サンプル例と一緒に見ていきましょう。もっとも基本的なガイドラインにはじまり、より複雑で高度なテクニックまでまとめています。 コンテンツ目次 0. 構図ってなんだろう。 1. 三分割法 2. 中央揃えと左右対称 3. 前景シーンと奥行き感 4. 枠のなかの枠 5. リーディング・ライン 6. 対角線と三角形 7. パターンと質感 8. 奇数の法則 9. フレームを覆いつくそう。 10. 余白スペースを利用しよう。 11. シンプルさとミニマリズム 12. 被写体のみ切り抜こう。 13. 視点を変えてみよう。 14. 配色の組み合わせを考えよう。 15

                                                      写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選
                                                    • WEBデザインが独学で身につく!WEBデザイナー必見の神サイト20選

                                                      2023年2月17日 Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。 独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。 WEBデザイナー必見の神サイト20コリスWebクリエイターボックスコムテブログかちびと.netバンクーバーのうぇぶ屋ホームページを作る人のネタ帳creive【クリーブ】BlackFlagDesignDevelopArchAteitexe アテークゼウェビメモWebparkNxWorldデザイナーのイラストノート株式会社LIGMdN Design InteractiveドットインストールProgateschooコリス コリス サイト制作に関する最新の情報をご紹介 サイト構築、WordPressのTipsを得られます。ただし、Webデザイナー1年制が、今からの更新情報を受

                                                        WEBデザインが独学で身につく!WEBデザイナー必見の神サイト20選
                                                      • 配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki IKEDA|note

                                                        今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー

                                                          配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki IKEDA|note
                                                        • ウェブデザインをはじめるあなたへ - ウェブ雑記

                                                          ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。+いくつかの自分で作った資料 SlideShare 色彩センスのいらない配色講座 色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベースカラー、メインカラー、アクセントカラーを決める上で便利。 ウェブサービスの企画とデザイン 僭越ながら明治学院大学で講義した時に作った資料。 なんとなくウェブサービスを作るときの流れとか感じてもらえたら幸いです。 かんたんキレイなウェブデザイン 僭越ながら勉強会 (UT Startup Gym) 用に作った資料。 なんとなく CSS フレームワーク、グリッドシステム、レスポンシブデザイン、ウ

                                                            ウェブデザインをはじめるあなたへ - ウェブ雑記
                                                          • デザイナーなら読んでおきたい!デザインに関する6つのスライド・企画書

                                                            色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。

                                                              デザイナーなら読んでおきたい!デザインに関する6つのスライド・企画書
                                                            • 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

                                                              webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って? カラーモードRGBとCMYKとは? 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って? まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色

                                                              • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE

                                                                Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

                                                                  Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
                                                                • 配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki Ikeda|note

                                                                  どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ

                                                                    配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki Ikeda|note
                                                                  • 白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ

                                                                    最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ&シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw

                                                                      白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ
                                                                    • 終わるSIerの底辺を見てきた - ミッションたぶんPossible

                                                                      ご挨拶 今月の第二日曜日は3月11日でした。言わずと知れた、あの「3.11 東日本大震災」から丸一年が経過した日です。改めまして、当時亡くなられた方々のご冥福をお祈り申し上げます。また、被災され現在も不便な暮らしを強いられている大勢の方々にお見舞い申し上げます。一日も早く元通りの日常が送れるようになることを願って止みません。 3.11の14:46、オレは代休で自宅にいるところにあの大地震がやってきました。自身が立つこともままならないような衝撃の中、不安定なテレビ台とPC棚をなんとか抑えて揺れが収まるのを必死で耐えたのは、今でも鮮明に思い出すことができます。それもあって我が家の被害は全くなく、妹も職場の方の好意で車で送って貰え、日付が変わった頃に無事帰宅できました。都内では翌日昼を過ぎても帰宅できなかった人が多かった中、我々は非常に運が良かったと思います。 はじめに さて、オレにとって、この

                                                                        終わるSIerの底辺を見てきた - ミッションたぶんPossible
                                                                      • 企業ロゴにも使えるエレガントなフリーフォント30個まとめ - PhotoshopVIP

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

                                                                          企業ロゴにも使えるエレガントなフリーフォント30個まとめ - PhotoshopVIP
                                                                        • Croppy

                                                                          2020年におけるベストオンラインカジノ8選06 January 2021 カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! ... カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! 新型コロナウイルスの感染拡大によるパンデミックにより、ギャンブラーの行動は変わりました。実店舗のカジノを利用できなくなって、オンラインでプレイする人が増えています。ラスベガスには、以前のような活気がなくなってしまいました。人々はカジノを訪れることでウイルスに感染することを懸念しているのです。そのため、オンラインカジノで遊ぶ人が多くなっています。多くのオンラインカジノが運営されていますが、すべてのサイトが同じクオリ

                                                                          • 新着記事

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

                                                                              新着記事
                                                                            • 0to255

                                                                              Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”

                                                                              • 配色で悩むすべての絵描きさんへ 役立つサイト・講座まとめ | お絵かき速報!萌え絵上達法

                                                                                配色に関する、おすすめのサイト・講座を集めました。 今までよりも色塗りがぐっと楽しくなりますよ! 【配色関連サイト】 日本の伝統色 和色大辞典 落ち着いた和のカラーパレット 世界の伝統色 洋色大辞典 鮮やかな洋のカラーパレット kuler 配色パターン集。美しい組み合わせが盛沢山 [ws] Color Scheme Designer 一つ色を指定すると、それに合わせて相性のいい色を選んでくれる COLOR SCHEMER こちらも選択した色に合う色を表示してくれるジェネレータ pictaculous 画像から色を抽出してくれるサイト。好きなイラストの色を調べたいときに Web Site Color Picker Webサイトで使われている"色"を抽出、分析してくれる ColorSelector 画面上に表示されている色をスポイトで調べることが出来るフリーソフト 背景色と文字色を入力すると、

                                                                                • Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色

                                                                                  Color data cited: “日本の伝統色 The Traditional Colors of Japan”. PIE BOOKS, 2007.