並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 270件

新着順 人気順

配色の検索結果1 - 40 件 / 270件

配色に関するエントリは270件あります。 デザインdesign などが関連タグです。 人気エントリには 『未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie』などがあります。
  • 未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie

    「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD](92MB) 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を

      未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
    • 配色に迷ったらこれ!配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」

      リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか@LP専門Webデザイナー / 著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1

        配色に迷ったらこれ!配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
      • 初心者が無料で勉強できる良教材いろいろまとめ - orangeitems’s diary

        はじめに インターネット、Webの世界には大変有用な資料がたくさんあるのですが、情報がたくさんあってたどりつくのがいよいよ大変になってきた印象です。 読みごたえがあって、わかりやすく、一通りマスターすれば業務でも使えそうなのに、無料で読める。そんな良教材のリンクを集めてみました。 私も時間を見つけてトライする予定です。 ジャンルは様々ですので、ご興味に合わせてご利用ください。 教材集 色と配色 baigie.me このエントリーでは、デザイナー以外の方が読むことを想定し、最低限知っておくといい色と配色の基本をまとめました。基本なので、細かいことは端折って簡単にまとめています。しかし、駆け出しのデザイナーでも十分参考にできる骨太な内容ではないかとも思います。 プレゼンテーション liginc.co.jp ・なるべく時間をかけず、スライド作成よりも内容に時間を割きたい ・見栄えはできるだけ綺麗

          初心者が無料で勉強できる良教材いろいろまとめ - orangeitems’s diary
        • 「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も

          デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に画像作って投稿しているので、お気軽に〜! 作ってるのは@hal1929です。 youtube.com/channel/UCS8Br…

            「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も
          • 本当は教えたくないWebデザイン参考ギャラリーサイト37選

            ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

              本当は教えたくないWebデザイン参考ギャラリーサイト37選
            • パワポっぽさを脱却する〈色彩編〉|PowerPoint+

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

                パワポっぽさを脱却する〈色彩編〉|PowerPoint+
              • 非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)

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

                  非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)
                • かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"

                  とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT

                    かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"
                  • Web制作の常識が変わる、便利な最新オンラインツール48個まとめ

                    この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手

                      Web制作の常識が変わる、便利な最新オンラインツール48個まとめ
                    • "牛乳パック"どっちが好きですか?|内田 広由紀|視覚デザイン研究所

                      一部内容修正につきまして 今回の記事も多くの反響をいただき沢山の方に読んでいただいたことを大変感謝しております。 このシリーズの趣旨は、デザインの過程をわかりやすくし多くの人にとって役立つスキルにすること、またジャンプ率などの「視覚スケール」を知って有効活用していただくことにあります。「視覚スケール」は商品パッケージから建築物のような大規模なものまで一貫して使える便利なツールです。 「視覚スケール」を説明するため、アンケートの方法や脳が選択するしくみについて、皆様に不安や誤解を招いてしまう表現があったと思います。これらを踏まえ、一部内容を加筆修正させていただきました。(記事での主張に関しての変更はありません。) 当室ではこれからもご意見・ご質問などをなるべく反映させながら、わかりやすい記事を作りたいと考えております。どうぞよろしくお願いいたします。 こんにちは。 絵本と美術書の出版及び、デ

                        "牛乳パック"どっちが好きですか?|内田 広由紀|視覚デザイン研究所
                      • 一般にガラスの単レンズでは色収差や球面収差などが強く生じますが、人間の目のレンズである水晶体では、なぜそのようなことが生じないのでしょうか?脳の方で補正しているのでしょうか?

                        回答 (9件中の1件目) 網膜の視細胞には、三原色の色を見分ける3種類の「錐体細胞」と、色は見分けられないが暗い所で感度が高い「桿体細胞」があります。色を見分ける錐体細胞は視野の中心部に密集しており、周囲はほとんど桿体細胞が分布しています。すなわち、網膜では中心部(すなわち水晶体レンズの光軸)付近でしか色を捉えていません。したがって、レンズの光軸から外れた所で生じる、色収差による色ずれは、網膜で捉えられていません。 これは信じがたいことだと思われるかもしれません。私も子供の頃は信じがたいと思いました。我々が周囲の光景を見る時、視線の先だけがカラーでその周囲はモノクロだとは見えず、光景の...

                          一般にガラスの単レンズでは色収差や球面収差などが強く生じますが、人間の目のレンズである水晶体では、なぜそのようなことが生じないのでしょうか?脳の方で補正しているのでしょうか?
                        • 個人開発で即戦力になるツール・サイトまとめ - Qiita

                          はじめに 個人開発もエンジニア自体の歴も浅いSEです。 就業先がJavaをメインで使う企業なのですが、個人的にフロントエンドまわりが好きです。 元々、興味本位でデザインの本だったりUXに関する本とかを読んでいたりするのですが、 その結論の際にたどり着いたのが、 「理論とか決まってるなら、それをよしなにやってくれるor参考にできるツールとかサイト探せばよくね」 という結論になりました。なんと怠惰な思考でしょうか。 そんなわけで、こちらではデザインに限らず、色々開発に便利なツールを紹介させていただきます。 (有名なのが多いかもしれませんが、ご容赦ください、結局有名なものに行き着くのです) レイアウト関係 1. Awwwards おしゃれなwebサイトが集まっているサイトです。 ここまで個人開発でお洒落にできたらいいなと思いますが、自分はアニメーションを考えるときや、 作りたいフロント側のデザイ

                            個人開発で即戦力になるツール・サイトまとめ - Qiita
                          • Web制作の時短に!2020年の便利オンラインツール・ベスト100選

                            この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール(14個) 2. パターンツール(7個) 3. イラスト系ツール(3個) 4. デザインツール(10個) 5. 配色カラーツール(6個) 6. グラデーションツール(3個) 7. SVGツール(8個) 8. スクリーンショ

                              Web制作の時短に!2020年の便利オンラインツール・ベスト100選
                            • 新規Webサービスを独りで開発・運用する際に立ちはだかった壁とそれを乗り越えた方法まとめ【個人開発】 - Qiita

                              その1. そもそもアイデアが思い浮かばない 遭遇確率 :★★★★☆ どんな壁?:いざWebサービスを作ろうとしても何もアイデアが思い浮かばない 解決策:身近な課題をひたすら探す サービスを作る上では何かを解決する系のアイデアであり、かつ自分が当事者であるとモチベーションも続きやすいです。 自分が普段ネットを使っていて不便だと思うこと、今使っているサービスの不満点、などなんでも良いのでとりあえず書き出してみましょう。 大体この中に自分の技術力でも解決できるような課題が存在します。 もし自分の中での課題が見つからないという場合は、日々Twitterのタイムラインで流れてくる身近な人が抱えている課題をピックアップしてアイデア化するのもありです。 回避策:しょぼいアイデアでも日々書き残していく いざサービスを作るというときにアイデアも出ないし身近な課題すら見つからない場合は、普段からアイデアを無理

                                新規Webサービスを独りで開発・運用する際に立ちはだかった壁とそれを乗り越えた方法まとめ【個人開発】 - Qiita
                              • パワポで図形を挿入すると、なぜか初期設定で変な色に…… 意外と知らない、スライド作成の「面倒くさい」を解消するコツ

                                スライドマスターで押さえておきたい4つのポイント 前田鎌利氏(以下、前田):ここからは堀口から、もうちょっと具体的なTipsの話をしてもらいたいなと思います。 堀口友恵氏(以下、堀口):これまで「基本のTips」をお伝えしてきました。私からは、より速く、効率的に作れる「最速Tips」を3つお伝えしていきたいと思います。 まず1つ目が、「スライドマスターで時短せよ!」。みなさん、スライドマスターは使ったことありますか? 名前を聞いたことはあるけど、どういった機能があるかわからない人もいると思うので、細かく説明していきます。 スライドマスターとは、PowerPointデータのフォントやページ番号の設定の管理を、一括で行える場所です。まさにマスターです。ここであらかじめ自分が使いやすい設定にしておけば、新規スライドを作った時に毎回フォントを変えたり、色を変えたりする手間が一切なくなります。では、

                                  パワポで図形を挿入すると、なぜか初期設定で変な色に…… 意外と知らない、スライド作成の「面倒くさい」を解消するコツ
                                • 『有職装束大全』著者の八條忠基先生による「即位礼当日賢所大前の儀」「即位礼正殿の儀」に関するまとめ

                                  まとめ 「ヤベェ本を買ったぞ…」地元にひっそり置かれていた本を紹介、バズる→出版社の電話が鳴り止まない!重版決定!→著者がお.. このスピード感、惚れ惚れするなあ! 668510 pv 6740 1284 users 8600 八條忠基 @EeoduLzbYVjTprk まもなく、「即位礼当日賢所大前の儀」が行われます。 この祭儀に際して天皇陛下は「帛御袍」という、純白の御束帯をお召しになります。これは嵯峨天皇が802年、天皇の重儀の装束の色を「黄櫨染」と定めたとき、神事には白、と合わせて決められましたことからの伝統です。 2019-10-22 08:24:17

                                    『有職装束大全』著者の八條忠基先生による「即位礼当日賢所大前の儀」「即位礼正殿の儀」に関するまとめ
                                  • 新海カントク『面白い分析ですね』// 新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。

                                    あいうち@お絵かき侍 @Aiuti01 【プロイラストレーターが多用する明度彩度の領域】 複数人のプロイラストレーターの作品で、明度彩度だけサンプリングした結果、見えてきた明度彩度の傾向となぜその領域が使用されるかの分析をしてみた。 pic.twitter.com/mnJ4QY0cKY 2020-05-20 15:40:38 あいうち@お絵かき侍 @Aiuti01 昨日バズった『プロイラストレーターが多用する明度彩度の領域』ですが、新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。 商業イラスト(ソシャゲ・ラノベ表紙・キャラデザ)などを請け負うプロイラストレーターの方と、新海誠監督が多用する明度・彩度の領域がここまで違うとは… pic.twitter.com/Kn4msZqxse 2020-05-22 17:07:11

                                      新海カントク『面白い分析ですね』// 新海誠監督が使用する明度・彩度を調査した所、驚愕の事実が発覚。
                                    • グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法

                                      グラデーションを作成した時に、中央がグレーに濁ってしまうこと(グレーデッドゾーン)があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSグラデーションが算出される仕組み おすすめのカラーモード これらの知識を活用する 美しいグラデーションを生成できるツール 終わりに はじめに さっそくですが、CSSで実装したイエローからブルーの線形グラデーションをご覧ください。

                                        グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法
                                      • (コメ返信追記済)兼業稲作やる人へ

                                        こんなとこにそんな情報置いても仕方ない気はするが 役に立つかも人もいるかもしれんので置いておく まず農林系の役所の窓口に行って ・堆肥撒いてくれる組合はあるか ・色彩選別機持ってる農家で外注受けてくれるとこはあるか を聞く。 堆肥撒いてくれるとこがあったら撒いてもらってそれだけで稲作する。そしたら環境保全型直接支払交付金で堆肥代が浮く。 窓口でこれも斡旋してくれる。 牛糞なら反当たり3トン毎年入れればそれだけで米取れる。 鶏糞は反当たり300kgくらいかな?やってないからわからん。 これで圃場内では有機肥料のみで育てた美味しいお米作れる。 JAで買う苗にふりかける箱材といわれる殺虫剤と殺菌剤はやらなくていい。無駄。 除草剤は絶対いるがかならずフロアブルという液体タイプにする。 水鉄砲に入れてスプラトゥーンすれば簡単。 粉やら投込むタイプのティーバッグみたいなやつは効きません。濃度が上がるま

                                          (コメ返信追記済)兼業稲作やる人へ
                                        • Web制作が面白いほどはかどる!便利な最新オンラインツール54個まとめ

                                          この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる!便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV

                                            Web制作が面白いほどはかどる!便利な最新オンラインツール54個まとめ
                                          • Colorbase

                                            All-in-one color tool for creators

                                              Colorbase
                                            • デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント|Tomoyuki Arasuna

                                              webやアプリのUIデザイン上達のコツとして、模写(コピー)がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践!となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか?」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か?を知ると学習の効率も上がります。そんなわけで今回は

                                                デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント|Tomoyuki Arasuna
                                              • 「結局色なんじゃん!!!!!」初心者とこなれてる絵師の色塗りの違いを分かりやすく比較した画像がこちら

                                                かおりゅ @caoryu_YS @samenohougasuki これは目以外のパーツの塗りや色選びに関しては学びの余地があるのに目の塗りだけ異常に上手い(練習の跡が見える)現象を指しています。目ってキラキラしてるし自由に塗り方を盛れるので楽しいですが、好きなパーツと興味ないパーツで執念の注ぎ方に明らかな差が出るのは素人らしさに繋がる気がします。 2021-04-07 20:56:02

                                                  「結局色なんじゃん!!!!!」初心者とこなれてる絵師の色塗りの違いを分かりやすく比較した画像がこちら
                                                • Togetter - 国内最大級のTwitterまとめメディア

                                                  いま話題のツイートまとめが読めるTwitterまとめに特化したまとめサイト。人気のツイートやTwitterトレンド、写真やマンガといった話題の画像から、さまざまなニュースの反応まで、みんなであつめる国内最大級のメディアプラットフォームです。

                                                    Togetter - 国内最大級のTwitterまとめメディア
                                                  • "絵を描く時に影の境目に別の色相を入れるとリアルになる"けど色の法則はあるの?→考察や解説が続々集まる

                                                    ヤマモ卜ヒ口ユキ (Hiroyuki Yamamoto) @yam_owl この影の境目に別の色相を入れる手法。なぜか最近までやってなくて、最近やってみたらリアリティにものすごい差があってびっくりしてるのですが、どの色を選んだらいいのか。という法則ってあるんですかね。写真のリファレンスがあれば一番でしょうけど、、 pic.twitter.com/U6a0N6w42b 2019-05-10 13:32:27

                                                      "絵を描く時に影の境目に別の色相を入れるとリアルになる"けど色の法則はあるの?→考察や解説が続々集まる
                                                    • ユニクロで年配の女性が若い従業員に「これは黒?紺?」と尋ねたら「ネイビーです」と返されてでっかい声で「あ?」とキレてて面白かった

                                                      キネ @esqbt ユニクロで年配のおばさんが、若い従業員にこれは黒?紺?と尋ねたら、従業員が「ネイビーです」と返して、おばさんがでっかい声で「あ?」とキレてて面白かった 2023-12-02 14:10:51

                                                        ユニクロで年配の女性が若い従業員に「これは黒?紺?」と尋ねたら「ネイビーです」と返されてでっかい声で「あ?」とキレてて面白かった
                                                      • ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ

                                                        この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクション ウェブデザイン制作を爆速に!便利な最新オンラインツールまとめ デザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる

                                                          ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ
                                                        • 【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita

                                                          個人開発・ポートフォリオ作成をする方に贈る いくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。 でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか? A. あります。 ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。 個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。 また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです(課金プランはある)。 書かないこと 細かい使い方 大体有名なので、使い方はggれば出てきます。 ライセンスなどの情報 特に素材系は規約などを確認の上で使ってください。 あくまでも、こ

                                                            【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita
                                                          • 「ホントに白黒だった」ただの白黒写真に色の付いた線を引くだけでカラーに見える技術がスゴい→その仕組みは…?

                                                            Win_D @WinD10074 @9NZ7hagej ムンカー錯視と似ている感じがしますね。 基本的に色は周りの色との対比で知覚しているので色そのものと知覚した色が違って見えやすいのです。 ちなみに↓画像の円の色そのものは全て同じ色なのですが…違って見えるでしょ? pic.twitter.com/CNsH4VChjD 2019-07-27 23:42:05

                                                              「ホントに白黒だった」ただの白黒写真に色の付いた線を引くだけでカラーに見える技術がスゴい→その仕組みは…?
                                                            • わずかな時間で驚くほどWeb制作がはかどる最新オンラインツール43個まとめ

                                                              この記事では、Webデザイン制作を楽にする最新オンラインツール43個をまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Web制作便利ツール Layout Patter

                                                                わずかな時間で驚くほどWeb制作がはかどる最新オンラインツール43個まとめ
                                                              • 東京上空に虹色の雲「環水平アーク」が出現中

                                                                今日6月26日(金)の関東では、南の空にきれいな虹色の雲が見えているところがあります。 この現象は「環水平アーク」と呼ばれ、氷の粒で出来た薄い雲によって太陽光が屈折することで虹色に見えています。 この色づいている雲は、周囲に見える雲よりも高い所にあるとみられます。 このような上空高い所にある雲は、水滴ではなく小さな氷の粒が空に浮かんでいる状態です。この氷の粒がプリズムの役割をして、波長ごとに光が分けられることで色が分かれて見えています。 雨上がりなどにできる虹は太陽を背にした側(太陽と反対側の空)に見えますが、環水平アークは太陽と同じ方向の空の低いところに見えるのが特徴です。太陽が高く昇っている時間帯にしか見えないので、冬場はお目にかかることができず、見えたら少しラッキーな現象です。

                                                                  東京上空に虹色の雲「環水平アーク」が出現中
                                                                • 非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita

                                                                  はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー~」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色

                                                                    非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
                                                                  • グラフを作ってデータを可視化する時に「見やすい色」を選ぶコツをまとめ

                                                                    ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化

                                                                      グラフを作ってデータを可視化する時に「見やすい色」を選ぶコツをまとめ
                                                                    • DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ

                                                                      こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます! PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

                                                                        DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
                                                                      • ファミマの看板下にある「消えた女性のピクトグラム」は紫外線で消えただけだと思うよ - 電脳塵芥

                                                                        https://archive.is/AQuYS この記事は検証自体がネットストーカー的な話で怖さがあったりますが……。まずこのファミマ自体は該当アカウントの「実家の近所」だとのこと*1。では、ということで「実家」でキーワード検索すると浦安市であると判断できます。で、さらに実家の近所の店についてのツイートがあり*2、それが浦安の堀江6丁目。で、ここまで来たらあとはグーグルストリートビューでしらみつぶしにしていけばいいわけで、そしてその該当店舗が「ファミリーマート 浦安海楽店」となるわけです。 https://goo.gl/maps/TAmUC5aidKdLVrJV8 さて、上記のストリートビューは2022年9月の時点のものです*3。うちゃか氏はおそらくの文意としてLGBT理解増進法などの時によく見られた「消える女子トイレ」的な話があると思われますが、去年時点で消えてるならこの話には関係ない

                                                                          ファミマの看板下にある「消えた女性のピクトグラム」は紫外線で消えただけだと思うよ - 電脳塵芥
                                                                        • 【2021 最新版】ノンデザイナーだからこそ知っておきたかった10のイラストサイト - Qiita

                                                                          みなさん、こんちには 【watnowテックカレンダーの23日目】 今日はwatnowのしゅいが担当します よろしくお願いします はじめに 今回は普段私が資料作りなどの際に利用している デザインの参考サイト,フリーのイラストサイト,配色のサイトを紹介します 今回紹介するサイトは全て無料で利用できます デザイン参考 1,pinterest URL:https://www.pinterest.jp ピンタレストは画像のSNSのようなものでネット上の画像を自分の「ボード」に 「ピン」して集めたりできる画像をブックマークとして集めるツールです パワポデザインなどと検索してデザインのアイデアを見つけたりして マネして作ってみるのもありです 2,dribbble URL:https://dribbble.com/ dribbbleはアメリカで生まれたサービスで、招待された人しか画像の投稿ができないため

                                                                            【2021 最新版】ノンデザイナーだからこそ知っておきたかった10のイラストサイト - Qiita
                                                                          • PANTONE に直接聞いてみた。DICとの違い。 - 株式会社サンコー:おもいをカタチにする仕事|印刷・WEB・デザイン

                                                                            「DICとPANTONEの違いについて、色々と調べてブログにまとめましたが、どうもよくわからない。」ということで、PANTONE(パントン・パントーン)の日本総代理店のユナイテッドカラーシステムズさんに直接電話して聞いてみたら、驚きの結果が!これは日本中のデザイナーさんに知って頂きたい。 PANTONE のインキは無い!? サンコー)「PANTONE(パントン・パントーン)で色指示があり、近似色ではなくPANTONE(パントン・パントーン)のインキで印刷して欲しいので、インキを作ってくれるところを紹介して欲しい。」 ユ:「ユナイテッドカラーシステムズではインキは製造していないのでパントン社とライセンス契約したインキ会社に相談して下さい。」 えっ?・・・ PANTONE(パントン・パントーン)はあくまでカラーシステム(色見本)のみを持っており、実際にインキを作るのはライセンス契約をしている国

                                                                              PANTONE に直接聞いてみた。DICとの違い。 - 株式会社サンコー:おもいをカタチにする仕事|印刷・WEB・デザイン
                                                                            • 時短してますか?Web制作が変わる最新オンラインツール38個まとめ

                                                                              日頃の忙しい業務を少しでも楽にしたい、効率化したいと考えている人にぴったりな、Web制作で使える最新オンラインツールをまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 カテゴリごとに整理しているので、制作フローに新しく追加してみてはいかがでしょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Web制作便利ツール クリックで一発コピペできる、120種類以上のCSSボタンを集めたライブラリ。3Dやグラデーション、レトロな

                                                                                時短してますか?Web制作が変わる最新オンラインツール38個まとめ
                                                                              • 人物イラストの肌の色を調べてみたら、ここ10年での大きな変化が見えてきた「凄い調査」「実感と合ってる」

                                                                                タキザワ@パルミーお絵かきラボ @TkzwP 肌塗りに使う色のトレンドの変化をまとめました! 2012 → 2017 → 2022 と、調査しました。 ここ数年で大きく肌色が変わっている印象があるので、ぜひ確認してみて下さい。 pic.twitter.com/iMReXB0R1Z 2022-10-03 18:22:14

                                                                                  人物イラストの肌の色を調べてみたら、ここ10年での大きな変化が見えてきた「凄い調査」「実感と合ってる」
                                                                                • 【色彩学】なぜ七草にちかより友達のほうが可愛いのか?|電源R

                                                                                  にちかの色、変すぎワロタww ダサさに学ぶ色彩学 〈主題〉 なぜアイドルマスターシャイニーカラーズの「【♡まっクろはムウサぎ♡】七草にちか」はダサく見えるのか (なぜ相対的に隣の子がおしゃれに見えるのか) 「にちかの友達かわいい!」 最近よく聞きますね。 こんにちは。 シャニマス初心者、かつ件のSSR未所持です。 門外漢として、色彩学の観点で話します。 なのであくまでネタ提供、くらいに思ってください。 ただ、SSRの七草にちかさんを見た瞬間に、強烈な違和感を覚えたもので……。 シャニマスの絵にこういった印象を覚えたことはあまりなく。この違和感が、なにに起因したものなのか。考えていきます。 (この文に七草にちかさんの人格を否定する意図はなく、七草にちかさんにこの色を与えた制作陣の色彩設計を分析したものです) 1-1 色相で読み解く七草にちか 【♡まっクろはムウサぎ♡】のムービーを初めて見たと

                                                                                    【色彩学】なぜ七草にちかより友達のほうが可愛いのか?|電源R

                                                                                  新着記事