並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 1954件

新着順 人気順

カラーの検索結果81 - 120 件 / 1954件

  • ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

      ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup
    • 「1冊から」「数百円で」本が出版できる「OneBooks」を使ってみました

      by Chiara Cremaschi 基本料金1冊200円でカバー・オビ付きの本が作れて、カラーでもモノクロでも同一料金、本当に1冊から本の出版を依頼できるサービスが「OneBooks」です。本を作る時に、1回の注文でたくさん本を刷る必要があるため在庫が出てしまうというリスクは大きいものですが、OneBooksならその心配もなさそうなので、実際にサービスを利用してみました。 OneBooks | 株式会社RED TRAIN http://www.red-train.co.jp/onebook ワンブックスの特徴は大きく分けて5つ。まず、本当に「1冊から」本が作れること。 カラー・モノクロいずれの印刷でも同じ金額で本がつくれ、かつ1冊でも100冊でも金額は変わらないこと。 本文用紙は全部で17種類、厚みの種類も含めると全部で36種類から選ぶことが可能。どの用紙を選んでも金額は一緒で、オビや

        「1冊から」「数百円で」本が出版できる「OneBooks」を使ってみました
      • カラーユニバーサルデザイン推奨配色セット

        色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会(JPMA) ■ DIC 株式会社(旧・大日本インキ化学工業株式会社) DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構(CUDO) 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに  いわゆる色弱(色覚異常)の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを

        • http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/

            http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/
          • 庵野監督「不動産はアニメを作っていなくてもお金が入ってくる予備の収入源。おかげでアニメの生産に余裕ができる」

            中田:‖ @paddy_joy 庵野監督の言説は何百と読んできたけれども、今月のBRUTUSに載ったインタビューは異色でとても面白い。なんと不動産投資について語っている。 「経営者として、不動産はアニメを作っていなくてもお金が入ってくる予備の収入源なのですごくありがたい。おかげでアニメの生産に余裕ができる」(続) pic.twitter.com/KJytXylB8n 2020-08-17 22:34:47

              庵野監督「不動産はアニメを作っていなくてもお金が入ってくる予備の収入源。おかげでアニメの生産に余裕ができる」
            • 【2023】おしゃれな配色パターンが見つかる!カラーパレット人気ツール28個まとめ | Web Design Trends

              配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流

                【2023】おしゃれな配色パターンが見つかる!カラーパレット人気ツール28個まとめ | Web Design Trends
              • フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。

                P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く

                  フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
                • 私がWebサイトの配色を決める時の流れ

                  ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。 伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。 ただ、言葉から連想されるものは人により誤差がありますので、 参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。 下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。 「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査 競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。 ただし同業の全てのサイトと被らないようにするのは無理があるので、 商圏内で競合となる他社のみを比較対象とします。 また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、 店舗であれば外観・内装の

                    私がWebサイトの配色を決める時の流れ
                  • いまWebサイトで流行ってる色 / Maka-Veli .com

                    CATK http://catk.de/ #513baa #6445e0 Frank Chimero http://www.frankchimero.com/ #00deb7 #5fe2ff #6144b0 #ff4a5d #fff3cd Prospek https://prospek.ca/ #46b085 Mixd http://www.mixd.co.uk/ #1c4bbe Flavor http://www.madebyflavor.com/ #f84c74 #9f6cc8 #4d9ff5 #4bdcb5 Build in Amsterdam http://www.buildinamsterdam.com/ #79a596 #222327 Socialist http://www.sociali.st/ #f53e2e #0b0b0b Square https://s

                      いまWebサイトで流行ってる色 / Maka-Veli .com
                    • 配色センス0でも大丈夫!?服、インテリア、デザイン、様々な“色使い”を改善するかもしれない『60-30-10 Rule』! | バンクーバーのうぇぶ屋

                        配色センス0でも大丈夫!?服、インテリア、デザイン、様々な“色使い”を改善するかもしれない『60-30-10 Rule』! | バンクーバーのうぇぶ屋
                      • カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン

                        相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」

                          カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
                        • 株式会社ガイナックスからのお知らせに関して

                          ガイナックス公式サイトで発表された破産手続きに関する表明を受け、弊社の立場からいくつか補足を致したく、ガイナックス社・現経営体制との関係性も考慮した上で、公式サイトにて本コメントを掲載申し上げます。 ガイナックス社は、弊社カラー代表取締役である庵野秀明の元所属会社でありましたが、庵野は2006年にカラーを設立、翌年2007年にガイナックス社を退職し、その後、ガイナックス社の株主の立場となっております。 弊社としましては、かねてよりガイナックス社の経営不振及び負債の存在を確認しておりましたため、経営に対し、庵野より懸念を申し上げたり、経営改善に向けた提案をしておりましたが長きにわたり受け入れられず、そのような状況であっても、当時の経営陣からの申し出を許容し、カラーとして援助的な融資などを行ったこともありました。しかし、ガイナックス社の状況は変わらず、事態はさらに悪化を続け、2019年には当時

                            株式会社ガイナックスからのお知らせに関して
                          • 色見本大辞典 伝統色や366日の誕生色占いのWEB色見本サイト

                            • 2万円切りで高品質の折りたたみ自転車 WACHSEN「Weiβ BA-101」抜群に気に入った | nori510.com

                              調べてみると、どちらの自転車も多くの方に支持されており、自転車通の方々が改造の為のベース車として購入するような折り紙付きの高クオリティー自転車なので、どちらにしようか大変悩みました。 正直、重量や機能性に関しては、殆ど変わらない様だったので、最終的に選んだ決め手は「BA-101」の白ベースの当たり障りの無いデザイン。 DOPPELGANGERの「202」の黒ベースにオレンジの配色もとってもカッコ良かったのですが、ちょっと「オレ自転車乗ってます感」が強いかなぁと思い、結局「BA-101」にしました。 同社ヴァクセン「BA-100 Angriff」と比較検討 私が購入した「BA-101」は、ヴァクセンの「BA-100 Angriff」の改良版。 「BA-100 Angriff」は、自転車玄人の方々からも改造のためのベース車体として愛される人気車種。 で、その「BA-100」と「BA-101」と

                                2万円切りで高品質の折りたたみ自転車 WACHSEN「Weiβ BA-101」抜群に気に入った | nori510.com
                              • サイトの「色」選びに役立つ20のツール

                                色選びに困ったときに助けてくれるウェブツールを20個紹介します。具体的な配色アイデアが紹介されているもの、選んだ色と関連する色が表示されるもの、画像から色を抽出するもの、という感じに分けてみました。 配色アイデア タイプ 投稿された配色アイデアが紹介されているサイトです。アイデアから編集できるサイトもあり、取っ付きやすいと思います。 Color Trends + Palettes :: COLOURlovers kuler ColoRotate: Colors come to life in 3D. Color Theory @ ColorJack カラーピッカータイプ 好きな色を選ぶと、その色と相性のよい色や関係性の高い色などが表示されます。 ウェブ配色ツール Ver2.0 Color Scheme Designer 3 [ws] Color Scheme Generator 2 Col

                                  サイトの「色」選びに役立つ20のツール
                                • http://career-panda.com/illustration-techniques-for-presentation

                                    http://career-panda.com/illustration-techniques-for-presentation
                                  • プログラマのためのカラーパレットツールを作りました - shoya.io

                                    Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ

                                    • 配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]

                                      配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない! よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基本となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/

                                      • 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.

                                        • Web制作時に色(カラー選定)で困った際に役立ちそうな13のツールやサービス

                                          Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま

                                            Web制作時に色(カラー選定)で困った際に役立ちそうな13のツールやサービス
                                          • モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは

                                            2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる! モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな

                                              モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは
                                            • ダミー画像を超手軽に生成出来るWebサービス・PLACEHOLD.ITがやたら便利

                                              昨日知ったWebサービスに久々に感激したので勢いでシェアします。Web制作で必ずと言っていいほど必用になるダミー画像を生成してくれるサービスなんですが、これが個人的にかなり便利でした。 PLACEHOLD.ITはダミー画像の生成サービスなんですが、凄く手軽に生成出来るのでかなりオススメです。 ダミー画像を生成する、というシンプルなサービスですが、これが想像以上に有用的でした。 使い方使い方は至って簡単。placehold.itというドメインの後にサイズを指定すればいいだけ。 例えば350×150ピクセルの画像が欲しいなら http://placehold.it/350×150 にアクセスすれば指定したサイズの画像が表示されます。 なので、 <img src="http://placehold.it/350x150" />これで以下のようにダミー画像を表示させる事ができます。 勿論、細かいサ

                                                ダミー画像を超手軽に生成出来るWebサービス・PLACEHOLD.ITがやたら便利
                                              • ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ

                                                無料で利用できる、テーマ別やカラー別にマッチした色を組み合わたカラーパレットやカラーコンビネーションをCreative Color Schemesから紹介します。 まずは、テーマ別から。

                                                • これぞプロのデザインテクニック!UIデザインの印象がよくなるデザインの知識とテクニックのまとめ

                                                  Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく! 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1

                                                    これぞプロのデザインテクニック!UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
                                                  • WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト+2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳

                                                      WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト+2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
                                                    • デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度

                                                      オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ&プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov

                                                        デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
                                                      • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

                                                          ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
                                                        • 【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選

                                                          配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ

                                                            【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選
                                                          • [ws] Color Scheme Generator 2

                                                            Brand New Version Available & Moved! The Color Scheme Designer application has been moved to its own domain: http://ColorSchemeDesigner.com Please update your bookmarks. Newest version: http://colorschemedesigner.com Previous version list: http://colorschemedesigner.com/previous Nová verze & Přesunuto! Aplikace Color Scheme Designer byla přesunuta na svou vlastní doménu: http://ColorSchemeDesigner

                                                            • osakana.factory - ベッキーの髪の陰は何故ピンクなのか(2005年11月25日)

                                                              osakana.factory(おさかなファクトリー)は、未識 魚(みしき さかな)による個人プロジェクトです。萌え系 CGや、PhotoShop・画像処理などの技術情報、お絵描き講座、フリーソフトウェアなどの公開、情報社会学系のデムパ発信等を行っています。 作者: 未識(みしき) 魚(さかな) mishikiMishiki Sakana小中高の学校の勉強や仕事の進め方というのを真剣に考え直す時代ってことよ。汎用AIでこの得点が出るんだから、試験問題特化で作れば終わりですがな。偏差値65~70くらいはないとこのレベル越えないけど、それって単に大学教員と同じ思考回路… https://twitter.com/i/web/status/1668679852747264001(2023/06/14 03:00:54) UFOってのが英語圏のミームであることがよく分かる。恐らくはアメリカや欧州での

                                                                osakana.factory - ベッキーの髪の陰は何故ピンクなのか(2005年11月25日)
                                                              • デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips

                                                                デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips

                                                                  デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
                                                                • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

                                                                    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
                                                                  • 覚えておきたい配色のワザと便利なツール :: Love & Design ::

                                                                    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ

                                                                      覚えておきたい配色のワザと便利なツール :: Love & Design ::
                                                                    • in the looop | Looops communications

                                                                      ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

                                                                      • 今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net

                                                                        Web制作者というか、フロントエンド中心です。 WebデザインとかHTML5とかJavaScriptなどの スライドと、PHPなどが少し。タイトルで誤解 したらすみません。そろそろ年末年始の勉強 用に情報をまとめておきたいと思います。勉強 になるブログ記事!みたいなのはほっといても 誰かがまとめるんじゃないかな。 というわけで完全に自分用なのでいつも通り内容は偏ってます。一気にまとめて復習・・・出来るといいなwちゃんとアウトプットしないとダメですね・・とはいえ適当に端折ってます。そんな見る暇無さそうですし。 結構まとまりないです。 色彩センスのいらない配色講座

                                                                          今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net
                                                                        • 相性の良い色を自動でピックアップしてくれる「ColorBlender」

                                                                          ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能

                                                                            相性の良い色を自動でピックアップしてくれる「ColorBlender」
                                                                          • 目を引き印象に残るインパクト重視のパッケージデザイン33種

                                                                            日用品などだと店頭でパッケージを見て選ぶという人も多いのではないでしょうか。消費者の興味を引こうと各メーカーしのぎを削るパッケージデザインですが、以下に掲載するのは、そんな中でも特に強烈なインパクトを与える、どこか吹っ切れたデザインのパッケージです。 Izismile.com - Some Very Clever Packaging Designs for Products (51 pics) 1.音符型にパッケージされたヘッドフォン Corinne Pantによるデザイン。 2.Klein Constantiaのハチミツ ハチの巣箱を模したパッケージで、箱を開けると中に大量のハチがデザインされ、紙でできたハチも入っています。 3.スミノフ ウォッカ カイピロスカ 果物の皮を模した包装紙を取り除くと、見慣れたスミノフのビンが出て来ます。 カイピロスカは、フレッシュフルーツと氷にベースとなる

                                                                              目を引き印象に残るインパクト重視のパッケージデザイン33種
                                                                            • 「色物の服を買っても合わせ方がわからない」人向けの画像がすごい。「これでまず失敗しないと思います」→「ちょうど悩んでた」

                                                                              わかな|イメコンとCanvaとデザインと @wakana_design 友達に「色物の服を買っても合わせ方がわからない」と言われたので、一番簡単な色の取り入れ方をまとめてみました💡 ベースカラー+1色だけ!と考えれば、まず失敗はしないと思います pic.twitter.com/hbKoLMktyA 2022-03-07 20:17:02

                                                                                「色物の服を買っても合わせ方がわからない」人向けの画像がすごい。「これでまず失敗しないと思います」→「ちょうど悩んでた」
                                                                              • 配色に自信がなくても!Webデザインが好きになる配色ツールと使い方

                                                                                2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト! ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです! オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色(=同

                                                                                  配色に自信がなくても!Webデザインが好きになる配色ツールと使い方
                                                                                • [CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集

                                                                                  CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。 The Bright (Near) Future of CSS [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 はじめに Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transforms はじめに ここでフォーカスするのは、今、そして近い将来に使用するであろうスタイリングのテクニックです。HTML5の要素のスタイリング