タグ

配色に関するhatekatsのブックマーク (5)

  • Free Gradients Collection by itmeo.com

    Free for commercial or personal use by Dima Braven. WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.

    Free Gradients Collection by itmeo.com
  • ナチュラルな配色カラーパレットをUIデザインにうまく活用する方法

    わたしたちの生活のなかで、もっとも美しいものは何でしょう。私にとってそれは自然で、海や川、山、森、草原、花や動物たちです。地球上には素晴らしい風景画たくさんあり、それらは人間の手で作られたものより驚くほど衝撃的です。 もちろん人々にインスピレーションを与える驚くような場所や芸術、デザインなどもあります。しかし歴史上の芸術家たちは、インスピレーションを得るために自然を眺め、絵画や彫刻、家具の作品に最適な色を見つけてきました。 この記事では、UIデザインに自然なナチュラルカラーの組み合わせを利用する方法について、私のアイデアをご紹介します。まずはこの記事のサムネイル表紙を見てみましょう。たくさんの素敵な色の組み合わせがあり、うまく調和した見た目となっているのが分かります。 何かをデザインするときに、配色を念頭に置いて作業をすることはいいことですが、新しい色の組み合わせを試すのもとても価値があり

    ナチュラルな配色カラーパレットをUIデザインにうまく活用する方法
  • 配色選びで悩みたくない!誰でも簡単に絶妙な配色が選べるツール15選

    ホームページやブログ制作、提案書作成においても必ず必要になってくるのが「配色」です。 少しでも見た目を良くしたいと思うものですが、実際にデザインしてみるとシックリこないというような経験はないでしょうか。 配色をはじめ、デザイン作業はセンスが必要だと感じてしまいがちです。 そんな時にオススメしたいのが、様々なパターンを提案してくれる配色ツールです。 基の1色から合うものを選んでくれるものや、ランダムに配色カラーパレットを生成してくれるものまで様々あります。配色ツールを使えば、誰でも簡単にかつプロのような配色が作れます。 今回は、配色パターンを検討する際に手助けをしてくれる便利なツールをご紹介します。 「なかなか配色が決まらない」と思った時はぜひ活用してみてはいかがでしょうか。 デザイン作業を効率化する便利な配色ツールまとめ 1.Adobe Color CC https://color.ad

    配色選びで悩みたくない!誰でも簡単に絶妙な配色が選べるツール15選
    hatekats
    hatekats 2016/09/03
    “るうえ、様々なカラーパターンを作”
  • 結婚式の配色はこれだ!参考にしたい美しい色の組み合わせ25個まとめ

    結婚式で使われる配色は、お好みの雰囲気を演出することが大切です。またそれだけに限らず、結婚式のフォトフレームのカラーバリエーションや、新郎に似合う背広の色など、細かい配色も考える必要がでてきます。しかし、もっとも重要なのは、選んだ配色が結婚式とうまくマッチしているかどうかです。 配色を選ぶときにもっとも大変なのは、新郎と新婦のように、調和よくバランスを保つことです。今回は、実際にデザインされた結婚式の招待状をモチーフに、美しい配色の組合せ25個をまとめてご紹介します。配色をコピー&ペーストできる HEX 値もそれぞれ記載しているので、制作の参考にしてみてはいかがでしょう。 詳細は以下から。 結婚式の配色に悩まない!参考にしたい美しい色の組み合わせ25個まとめ 01. Pastel Peach 水彩絵具でペイントした、パステル系のピンク色とみどり色の組合せが美しい配色で、ガーデンスタイルの結

    結婚式の配色はこれだ!参考にしたい美しい色の組み合わせ25個まとめ
  • 誰でもプロ並みの色調が作れる無料のカラーパレットサービス厳選8選

    高機能なCMSが続々とリリースされている今、特別な技術がなくてもホームページやランディングページを作成できる環境が整ってきました。 Web制作会社やデザイナー等の専門職の方に頼らずにWebページを制作される方も増えてきていると思いますが、制作時につまづきやすいのが「配色」の選定です。 配色はページ全体の印象を決めますが、作成者のセンスに左右されるため、デザイナーのように配色の知識が無い方は何かと時間をとられてしまいます。 今回は、配色に自信の無い方でも最新のホームページのような配色ができる無料のカラーパレットをご紹介します。 あらかじめ配色が決まっているもの、自分で配色を調整できるものなど様々なパレットがあるので、目的に沿って使い分けてみましょう。 マーケ思考のデザイナーは強い! 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向

    誰でもプロ並みの色調が作れる無料のカラーパレットサービス厳選8選
  • 1