タグ 配色
人気順 10 users 50 users 100 users 500 users 1000 usersWebデザインの配色に悩んだときの参考になる! UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピ... 続きを読む
Googleの「StyleDrop」は文字列から好みのスタイルの画像を生み出せる
配色や陰影、デザインパターンなど、ユーザーが提示したスタイルの中身を的確にとらえた上で、そのスタイルで求められた画像を出力できる「StyleDrop」をGoogleが開発しました。入力された文字列をもとにして画像を生成することは画像生成AI「Stable Diffusion」などでも可能ですが、特定のスタイルに基づく出力は困難で... 続きを読む
壁際も掃かずに吸い込むロボット掃除機、ダイソンから 「ホコリを舞い上げない」
機体と同じ幅のブラシを全面に備えたD型シェイプのロボット掃除機。同社のハンディ掃除機を思わせる赤と青の配色になった。 本体には26個のセンサーを備え、障害物や段差を検知して回避。高さを97mmに抑えたことで家具の下など高さ9.9cmまでの場所に入り込めるようになった。駆動輪にはサスペンションを備え、最大2.1cm... 続きを読む
とある絵師が塗る肌色が明らかに緑がかっているけど指摘できない
とある絵の肌色が緑だとマシュマロで突っ込まれたのものの 信者にフォローしてもらったり 「色弱の人なのかな?」とか「目や髪色の配色によってそう見えちゃうかな?」とか「人間の錯視って面白いね」という方向に持っていこうとしてて痛々しい 突っ込まれた絵以外の肌色も若干緑入ってて、軽い色弱だと思われる まあ今... 続きを読む
AIは色を〈理解〉しているか? アートディレクターが「ChatGPT」に配色を提案させてみた | AdverTimes.(アドタイ) by 宣伝会議
対話型AIの話題が尽きない。火付け役となったのは「ChatGPT」だ。質問や指示を投げかけると、AIが回答を生成する。デザインでの活用も可能だろうか。サントリー『特茶』のロゴデザインなどを手がけたアートディレクター小杉幸一氏が、「ChatGPT」にディレクションをしてみた。 AIのお手並み拝見 小杉 「色」は、商品や... 続きを読む
最近のWeb制作に役立つ、CSSの便利ツール総まとめ
最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニ... 続きを読む
これを読むと確かなデザイン力が身につく! 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック
控えめに言って、これはかなりお勧めのデザイン書です! レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最... 続きを読む
「まるで家電量販店」町議会PR“独特すぎる”チラシ…制作に切実な事情「手段選ばず」
北海道鷹栖町。田園広がるのどかな風景が美しいこの町の“ある取り組み”が、注目を集めています。 それが、まるで家電量販店のようなデザインのチラシです。 しかし、中身をよく見てみると、目を引く配色や写真をふんだんに使って、税金の使用実績などが示されています。 実は、このチラシは、14日から始まる議会の定例会... 続きを読む
TUIなTwitterクライアント「nekome」を作った
どんなの? ※ アイコンや配色はちょっとカスタマイズしています ↑ こんなの タブ形式でページを複数開くことができ、 Vim っぽいキーバインドでさくさく使える TUI の Twitter クライアントです。 何ができるの? 以下のことができます。 ホーム・メンション・リストタイムラインの閲覧 アンケートの投票状況・ピン留め... 続きを読む
Rust でもできる!RISC-Vシミュレータの作りかた 〜 From Ruby To Rust 〜 - esm アジャイル事業部 開発者ブログ
最近 ESM と RISC-V のロゴの配色が似ていると感じている @wat-aro です。 はたけやまさん の blog.agile.esm.co.jp はおもしろい記事でしたね。 この記事は最後こう締めくくられています。 以上、Rubyを使ったシンプルなRISC-Vシミュレータの作り方のご紹介しました。 皆さんも梅雨の時期のおうち時間にお好きなプログ... 続きを読む
グラデーション付き影をコピペ作成 CSS Shadow Gradients とおすすめツール - PhotoshopVIP
グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。 2色の配色によるグラデーションをつかった影、シャドウグラデーション(英: Shadow Gradients)を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。 CSS Shadow Gradients... 続きを読む
センスがいい!と言われる人の色使いの凄いコツ | リーダーシップ・教養・資格・スキル
「センスのいい資料」作りにすぐに応用できる、「配色のコツ」を紹介します(写真:CG-BOX/PIXTA) どんな仕事でも、資料制作は欠かせない。たとえばパワーポイントで企画書を作成する際、プリセットされているデザインや配色を使えば何とかなるものだが、それだけでは「いまひとつ物足りない」「説得力に乏しい」「オ... 続きを読む
プロのUIデザイナーに学ぶ! UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.14
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第14弾は、レイアウトのグリッド・使いやすいフォーム・配色で悩んだ時に関するデザインのテクニックです。 UI & UX Micro-Tips: Volum... 続きを読む
すべてのページが美しい! 色に関する365のアイデアがぎっしり詰まった、デザインやイラストに即戦力の新しい配色本 -色の日めくり配色帖365
辞書のように分厚い本書には1ページにつき1色、全部で356色の素敵な色、配色、色の知識・情報がおさめられた保存版の配色帖を紹介します。 デザインやイラストに使用する色を見つけたい、主役の色は決まっているけど配色をどうすればよいのか、色の使い方はどうすればよいのか、色に関する365のアイデアがぎっしり詰まっ... 続きを読む
ウクライナの鉄道員に連帯示す 国旗カラーの「ことでん」運行 | 毎日新聞
「ことでん」こと高松琴平電気鉄道が19日から運行を開始したウクライナ国旗カラーの電車車両。下部の黄色は従来の車体を生かしている(ことでん提供) 「ことでん」の愛称で親しまれる香川県の高松琴平電気鉄道(高松市)は19日、ロシアによる侵攻が続くウクライナの国旗と同じ配色にラッピングした電車の運行を開始した... 続きを読む
チキンラーメン横じま、商標登録 パッケージの配色 日清食品(時事通信) - Yahoo!ニュース
日清食品ホールディングスは4日、即席麺「チキンラーメン」のパッケージの配色が商標登録されたと発表した。 【写真】進化し続ける 日清食品ホールディングスの安藤宏基社長 セピア、白、オレンジの3色からなる横じま模様で、同社は「配色だけでもチキンラーメンと認識してもらえるようになった」と説明している。 続きを読む
すべてのページが美しい! こんなにもワクワクした配色本は初めて、デザインやイラストにぴったりな「配色パターンブック」
デザイン、イラスト、写真、塗り絵、インテリア、ファッションなど、色に携わるすべての人にお勧めの「配色パターンブック」を紹介します。 こんなに美しい配色本は、初めてです! 収録されている配色は1000種類。すべてのページが美しく、感動すら覚えます。配色と写真を見るだけでかなり刺激され、永久保存版の一冊で... 続きを読む
Webデザインの創造力を高める最新良質サイト36個まとめ - PhotoshopVIP
トレンドが目まぐるしく変わるWebデザインでは、できるだけたくさんの優れたデザインのサイトを見て、触れることが重要で、次のアイデアにもつながります。 この記事では、Webデザインの創造力を高める最新良質サイト36個をまとめてご紹介します。 Webサイトの雰囲気や印象づくりはもちろん、配色や利用フォント、レイア... 続きを読む
オリンピック開会式で注目の各国の衣装がどれも素敵で眼福「桜や富士山を入れてくれてるの嬉しい」 - Togetter
山田 @Yooo___9 オリンピックの各国のユニフォーム本当に素敵すぎてテレビにかじりついて見てる…。オランダのスーツの配色とデザイン格好良すぎたし桜や富士山をポイントに入れてくれてるの見ると無性に嬉しくなるよね……総集ビジュアル本欲しすぎるな #Tokyo2020 pic.twitter.com/Pi5qFiu9DB 2021-07-23 22:17:27 続きを読む
配色に迷ったらこれ!配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」 - Togetter
リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか@... 続きを読む
業種や雰囲気による配色の決め方 | Stocker.jp / diary
スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、6月末まで割引&体験レッスン無料! モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作したい方のための「PHP徹底入門講座」、「WordPressカスタマイズ講座」もご自宅で受講可能です。 この... 続きを読む
子どもを引きこもりにくくするためには「狭くて快適じゃない部屋」を与えるほうがいい説→狭い部屋経験者の「確かに」が集まる - Togetter
山口慶明??で何とか生きてる @girlmeetsNG 「子供部屋は狭くする方がよい」というのは多くの建築学者の一致する意見で、子供部屋が広くて居心地がいいと引きこもりになる確率が上がるらしい。 ラスベガスのホテルの部屋なんかも、あえて設備や配色で居心地を悪くして部屋から出してカジノに行かせるよう誘導したりするの... 続きを読む
実用性が高い配色本!カラー縛りのデザインやイラストにすごく使える -配色デザインインスピレーションブック 3 | コリス
イメージはなんとなく浮かぶけど、じゃあその配色は具体的にどうすれば、、、そんなデザインやイラストの悩みに大活躍する配色本を紹介します。 本書は人気シリーズの第3弾で、今回は「カラー縛り」のデザイン案件に役立つ配色になっています。例えば、レッド系でもさまざまなトーンのレッドと色の組み合わせを写真・イ... 続きを読む
グラデーションを美しくするには配色が重要、真ん中辺りがグレーにくすんでしまうのを避ける方法 | コリス
グラデーションに美しい色を選んだのに、なぜかくすんでいることはありませんか? 真ん中辺りがグレーにくすんでしまうのは、選択した2つのカラーを結ぶ線が色相環の真ん中を通過しているのが原因です。 美しいグラデーションを作成するためにどうすればよいのか、紹介します。 Photoshopなどのデザインツールだけでなく... 続きを読む
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意... 続きを読む