中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と..

2024/03/29 157 users ディズニー 服装 中学生 ルッキズム スカート

中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と緑の配色で何かずんだもんっぽくなった！スカートだしお嬢様風のずんだもんだね！」 ずんだもんファン「お嬢様ずんだもん可愛い！」「腰ヘコミームよりずっといい」「お嬢様ずんだもんがお洒落を楽しむ幸せなイラストを描きました！」 ルッキズム... 続きを読む

とある絵師が塗る肌色が明らかに緑がかっているけど指摘できない

2023/05/19 223 users 肌色 絵師 マシュマロ 信者 方向

とある絵の肌色が緑だとマシュマロで突っ込まれたのものの 信者にフォローしてもらったり 「色弱の人なのかな？」とか「目や髪色の配色によってそう見えちゃうかな？」とか「人間の錯視って面白いね」という方向に持っていこうとしてて痛々しい 突っ込まれた絵以外の肌色も若干緑入ってて、軽い色弱だと思われる まあ今... 続きを読む

最近のWeb制作に役立つ、CSSの便利ツール総まとめ

2023/01/19 165 users CSS Flexbox SVG フォントサイズ Web制作

最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニ... 続きを読む

これを読むと確かなデザイン力が身につく！ 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック

2022/11/11 307 users 書名 レイアウト 原則 応用テクニック イラスト

控えめに言って、これはかなりお勧めのデザイン書です！ レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最... 続きを読む

「まるで家電量販店」町議会PR“独特すぎる”チラシ…制作に切実な事情「手段選ばず」

2022/09/18 76 users チラシ 田園 手段 議会 家電量販店

北海道鷹栖町。田園広がるのどかな風景が美しいこの町の“ある取り組み”が、注目を集めています。 それが、まるで家電量販店のようなデザインのチラシです。 しかし、中身をよく見てみると、目を引く配色や写真をふんだんに使って、税金の使用実績などが示されています。 実は、このチラシは、14日から始まる議会の定例会... 続きを読む

配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」 - Togetter

2021/07/14 1628 users Togetter スケール 語彙力 言語化

リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠... 続きを読む

子どもを引きこもりにくくするためには「狭くて快適じゃない部屋」を与えるほうがいい説→狭い部屋経験者の「確かに」が集まる - Togetter

2021/06/06 244 users Togetter girlmeetsNG 山口慶明 カジノ

山口慶明??で何とか生きてる @girlmeetsNG 「子供部屋は狭くする方がよい」というのは多くの建築学者の一致する意見で、子供部屋が広くて居心地がいいと引きこもりになる確率が上がるらしい。 ラスベガスのホテルの部屋なんかも、あえて設備や配色で居心地を悪くして部屋から出してカジノに行かせるよう誘導したりするの... 続きを読む

デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie

2021/01/26 1190 users 近年 美術 視覚要素 現場 課題解決

色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意... 続きを読む

「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も - Togetter

2020/08/24 1391 users Togetter タメ フォント 表紙 解説

デザインtips @tips_bot 元塾講師が適当でもとりあえずなんとかなるデザインの方法について解説するアカウント。初心者向けの事書きます。作ってるのは@hal1929です。最近はyoutubeにデザイン講座を投稿しています。みてね！ デザインの依頼とかありましたらラフにDMください！ youtube.com/channel/UCS8Br… 続きを読む

2020年版：誰でもプロ並みの配色が作れる！便利な配色パターン見本サービスまとめ | Web Design Trends

2020/07/28 671 users プロ並み 要素 Web Design Trends デザイン

配色はデザインにおいて重要な要素の1つですが、優れた配色を作る方法が分からないという方も多いのではないでしょうか。 そこで、今回は初心者の方でも優れた配色ができる配色パターン見本サービスをまとめました... 続きを読む

Web制作の面倒な作業をラクにするCSS便利ツール59個まとめ - PhotoshopVIP

2020/07/07 368 users Grid PhotoshopVIP ニューモーフィズム ラク

この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール59個をまとめています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問... 続きを読む

面倒な配色もこれなら簡単に！多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes | コリス

2019/06/10 57 users コリス リーダビリティ アクセシビリティ カラースケール 多く

このツールを使うと、面倒な配色を考える必要はなくなります。WebページやスマホアプリのUIで使用するカラースケールを生成できる無料ツールを紹介します。 最近増えてきた同系色のカラーでホワイトやブラックを加えたり、リーダビリティやコントラストなどのアクセシビリティもチェックすることができます。 類似ツール... 続きを読む

ユーザーに直感的で分かりやすいボタンとは、UXの観点からくわしく解説 | コリス

2019/03/29 87 users コリス 観点 ユーザー ボタン 解説

ボタンのクリックレートが低い、ボタンを配置したページにユーザーが長い時間を費やしている、これはボタンが直感的でなく、分かりにくいボタンが原因かもしれません。 コンテンツにおけるボタンの配置、ボタンの形状、導線に基づいた配色など、ユーザーに直感的で分かりやすいボタンをUXの観点から詳しく解説します。 5... 続きを読む

配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note

2019/03/14 1182 users Taiki Ikeda Note メソッド UIデザイン ナウ

今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様が... 続きを読む

Webが進化中！参考にしたい話題の最新ウェブデザイン30個まとめ - PhotoshopVIP

2019/02/06 113 users マイクロインタラクション インスピレーション デザイン制作

デザイン制作のインスピレーションや参考にしたい、2019年に入って注目を集めている、最新ウェブサイトデザイン30個をまとめています。 落ち着いた配色や、美しいセリフ書体、繊細なアニメーション、マイクロインタラクションなどを利用したサイトが増えています。クリエイティブでユニークな最新ウェブデザインを体験し... 続きを読む

配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note

2019/02/04 1171 users Taiki Ikeda｜note メソッド UIデザイン

どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね..... 続きを読む

配色のセンスがなくても、ベースカラーにぴったりなカラーパレットを1クリックで自動生成する無料ツール -Plax | コリス

2018/06/17 112 users コリス ビジュアライズ カラーパレット センス ベースカラー

UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。 例えばグレーはよく使用されるカラーですが、選ぶのが難しいカラーです。ブルーに合ったグレー、グリーンに合ったグレー、さらにその中から可読性が充分な明るいグレーや暗いグレーなども自動的に生成されます。 続きを読む

「なんでそこの色変えた」　股間で配色が切り替わるGUのズボンが前衛的過ぎて一般人には分からない - ねとらぼ

2018/05/31 283 users ズボン Twitter とらぼ 股間 背面

GUが販売する男性用ズボンのデザインが前衛的だとTwitterで話題になっています。オシャレって難しいな……。 話題になっているのはGUの「 スリムテーパードパンツ 」。背面、側面からみると通常のズボンに見えますが、正面からみると股間の部分に配色の切り替えがあり、股間が強調されるデザインとなっています。なぜそこを強調させてしまったのか。 なぜ股間を目立たせるんだ（以下、画像は GUのサイト より）... 続きを読む

デザインの基本日記  「配色編」｜Design Beginner｜note

2018/03/15 1455 users Note Design Beginner 落ち着 調整 結果

配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着... 続きを読む

ドイツ国旗の配色は「黒・赤・黄」じゃなかった！？ドイツ大使館「（黄色ではない）」との発言に衝撃を受ける人々「43年間生きてきて初めて知った」 - Togetter

2018/03/09 175 users 数字 ご存知 Togetter ドイツ国旗 発言

【今週の数字】 皆さんドイツ国旗の色、ご存知ですか？上から黒・赤・金 続きを読む

もうプレゼン作成で迷わない！AIが資料レイアウト・配色を最適化する「Beautiful.AI」 | SELECK

2018/03/09 131 users SELECK Slides beautiful ポテンシャル

プレゼンテーションを行う際、スライド作成に多くの時間を取られてしまう…といった経験をお持ちの方は、多いのではないでしょうか。 SELECKでは、これまでも Slides や Slidebean など、誰でも簡単に、スライド作成できるツールをご紹介してきました。 今回は、そのツールをも凌駕するポテンシャルを持つ、 AIスライド作成ツール「 Beautiful. AI 」 をご紹介します！ このツール... 続きを読む

デザインを学ぶすべての人に贈る、配色アイデア見本101選【2018年保存版】 - PhotoshopVIP

2018/02/18 720 users 補色 PhotoshopVIP ドーン 色合い 役割

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、 最新の色の組み組み合わせ101種類 をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、 配色の参考... 続きを読む

［速報］AWS Cloud9登場。クラウドネイティブな統合開発環境、ペアプロ機能も。AWS re:Invent 2017 － Publickey

2017/11/30 59 users Publickey キーバインド emacs デバッガ AWS

Amazon Web Services（AWS）は、米ラスベガスで開催中のイベント「AWS re:Invent 2017」で、クラウドネイティブな統合開発環境「AWS Cloud9」のリリースを発表しました。 AWS Cloud9は、エディタやデバッガ、ターミナルなどの機能をWebブラウザから利用可能にしたサービスです。 配色などのテーマやキーバインドなどを柔軟に変更可能。VimモードやEmacs... 続きを読む

Visual Studio Codeの設定「虎の巻」：Python編：特集：Visual Studio Codeを使いこなそう - ＠IT

2017/11/23 110 users Python編 Visual Studio Code 特集

特集：Visual Studio Codeを使いこなそう： Visual Studio Codeの設定「虎の巻」：Python編 (1/3) 「特集：Visual Studio Codeを使いこなそう 」◆ 前回 までは、Visual Studio Code（以下、VS Code）のIDEの全般的な設定方法や、ワークベンチやエディタの配色、構文ハイライトのカスタマイズについて見てきた。今回はVS ... 続きを読む

ブロガー必見！配色を決めてくれる人工知能【Khroma】がスゲーー！！ - OMGmag

2017/11/19 696 users OMGmag bookmark ホイ 人工知能 ボク

2017 - 11 - 20 ブロガー必見！配色を決めてくれる人工知能【Khroma】がスゲーー！！ デザイン SHARE Bookmark! Facebook Twitter Google+ Pocket 配色を決めるのは難しい ブロガーの皆さんはカスタマイズをとかすると思うんですが、配色ってどうやって決めていますか？いい感じの色使いって難しいんですよね。 そういう仕事してるぼくでさえ、悩むポイ... 続きを読む