非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色
これでもうPhotoshopの描画モードに迷わない！ 「乗算」「焼き込みカラー」など、各描画モードがどのように機能するか解説
Photoshopなどのデザインソフトにある「乗算」「スクリーン」「焼き込みカラー」「覆い焼きカラー」など、各描画モードがどのように機能するかを解説します。 それぞれの違いがよく分からない、どんな効果があるのか分からないという人に、これを読めば描画モードでどれを使うか迷うことはなくなります。 Blending Modes by Dan Hollick (@DanHollick) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 描画（ブレンディング）モードとは 各描画（ブレンディング）モードについて解説 はじめに 見た目が思い通りになるまで、描画モードをいろいろ試していませんか？ 描画モードの種類 この記事を読んでもあまり変わらないかもしれませんが、少なくとも「比較（明）」や「比較（暗）」を使用することはなくなるでしょう
#プレゼン知恵袋（001-009）｜鷹野 雅弘
PCの画面ではなく、会場の状況に応じてレイアウトを調整する 天井の低い会場、スクリーンが小さめの会場では、前の人の頭部でスクリーンの下部が欠ける。そのため、天地中央においても中央に見えない。 PCの画面ではなく、会場の状況に応じて調整が必要。 --- ✂ --- ✂ --- ✂ --- フォーマットを疑おう（タイトルや会社名などは発表時にはない方がよい） 発表時のスライドでは、タイトルも会社名・ロゴもページ番号も非表示が望ましい。すべて、単なるノイズでしかない。 特に、スライド内のコンテンツと隣接するときに紛らわしい。 ※プリントアウトやPDFとして配布する際には、表示すればよい。 --- ✂ --- ✂ --- ✂ --- PCで見るのと、プロジェクターを通したものでは、色味（いろみ）が異なる 可能な限り、現場で再調整したい。 • 薄いグレーやパステル調は、ほぼ見えない • 背景のパター
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
エンジニアがデザイン入門書を3冊買ってみたのでメモと雑感 - エンジニアをリングする
自分で何かWebアプリを作るときにデザインも自分である程度満足いくレベルのものをできるようになりたくて、今年に入ってからいくつかデザインの本を買いました。 感想と勉強になったことをまとめてみます。 ノンデザイナーズ・デザインブック ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行本（ソフトカバー）購入: 58人 クリック: 1,019回この商品を含むブログ (107件) を見る 定番・・・なんですかね。どこかでデザイン初学者向けにオススメされていたのをみて買ってみました。 とても教科書っぽいです。ただ文章は程よく砕けていて読みやすく、理論をベースに実際の例をたくさん挙げて説明されているのでとっつきやすいです。 特に参考になった章：7章 Usin
【Photoshop】ボタンデザイン時に使える10の効果まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ボタンをデザインするときに使いがちなデザイン効果をまとめました。 詳しいやり方は記述しませんが、ほとんどがPhotoshopのレイヤー効果でなんとかなります。 コツは、色々と組み合わせて使うため、ひとつひとつを「やりすぎない」ことです。 ボタンデザインのご参考になれば… 01.Gradation グラデーション 02.Texture 模様 03.Border ボーダー 04.Dent へこみ 05.Shadow シャドウ 06.Text Shadow テキストシャドウ 07.Text Brightness 文字光彩 08.Reflection 反射 09.Highlights ハイライト 10.Shine てかり サンプル 作成例です。 01 + 03 + 04 + 06 + 09 + 10 を組み合わせています。 いろいろとお試しください〜。 LIGはWebサイト制作を支援しています。ご
明治時代の美しい図案コレクション「美術海」が無料ダウンロード公開 : Japaaan
様々なアート作品がアーカイブされているスミソニアン・ライブラリーでとっても嬉しいデータが無料ダウンロードできることを知りました！アートやデザイン、ファッションに携わる方は絶対にダウンロードし手元に置いておいて損はありません。 以前「浮世絵や日本画も！博物館所蔵の４万超の画像を無料ダウンロードできるコレクションが素晴らしい！」という記事で無料ダウンロードできるコレクションを紹介しましたが、今回紹介するデータもすごいです。 それは明治時代にシリーズもので刊行されていた図案集「美術海」。当時のデザインの流行が反映された図案から古典的な文様、はたまたとてもオリジナリティ溢れる美しい図案まで素晴らしい図案集なんです。 新美術海は神坂雪佳と古谷紅麟 が携わった図案集で、彩り豊かで動きのあるデザインが盛りだくさん。古谷紅麟は神坂雪佳の後継者として期待された当時のデザイナーです。 当時のアート感覚を垣間見
外国人「レベルの高いスチームパンクの画像を貼っていく」海外のまとめ : 暇は無味無臭の劇薬
Comment by MinerArchitect 3082 ポイント 「アトロポス」 巨大なスチームパンクタートル。制作期間五か月 ダウンロード：http://www.planetminecraft.com/project/atropos/ 動画：https://www.youtube.com/watch?v=PK-QBGlBykI アトロポス（古希: Ἄτροπος, Atropos）は、ギリシア神話に登場する運命の女神、モイラ三姉妹の末妹である。 未来を司り、運命の糸を切るのを役割とする。彼女の名前は「不可避のもの」の意味である。三相女神で「破壊者」に相当した。 ローマ神話のモルタ（Morta）と同一視される。 アトロポス reddit.com/search?q=steampunk&sort=top&t=year reddit.com/r/steampunk/top/?sort=to
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
アクセサリー チェーンの基本構造と種類 : NEO BEADS-アクセサリー製作を楽しむ
NEO BEADS-アクセサリー製作を楽しむ 1999年からアクセサリーパーツ販売しているネオビーズの作品例や情報ブログサイト。 ※掲載作品はあくまで参考例であり、記事製作当時販売しているビーズパーツやスタッフ私物となります。 チェーンはさまざまな種類がありますが、 基本的な構造とデザインにより、ある程度決まった業界的な呼び名があります。 ここでは当店で扱っているタイプのものを中心に、その基本構造をご紹介します。 名称や特徴を少し知っておくと、既成品のネックレスなどを購入するときにも役に立つかも知れません ≪チェーンの基本はアズキとキヘイの2種≫ ▼【アズキタイプ】（小判とも言う）Cカンをつないだような形になっている基本タイプ。 ▼【喜平（キヘイ）タイプ】90度にひねりを加えたコマをつないだ基本タイプ。 ではこの【アズキ（小判）】と【キヘイ】 基本の2タイプの構造の違いを見てみましょう。
デザインに説得力を！！基本のレイアウト表現のやり方４つ - WP-E (仮)
こんにちわ！確定申告がまだ終わっていないまゆげです。最近はリアルでも、WordPressに関することやディレクションのことばかりなので、たまにはデザインのことについても熱く語っておきたいと思い、基本的なことですがしっかりとまとめてみました！ 意味を持つデザインを作るために Webデザインを考える際には、誰しもがインスピレーションを求めて参考になるようなサイトを見てまわることはあると思います。そんなときに 「あッ！」 と思わせるデザイン、ありますよね。ただ見惚れるだけでなく、それを 「なぜ？」 と考える癖をつけておくと、自分の知識を深める一つの材料になるかもしれません。 目次 シンメトリーレイアウト 対角線を意識したレイアウト 三角形を意識したレイアウト 黄金比・白銀比のレイアウト シンメトリーレイアウト シンメトリーとは、配置が対称であることです。よく目にするデザインは鏡像対称性をもったデ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Behance
RecommendedCuratedMost AppreciatedMost ViewedMost DiscussedMost Recent
色に関する基本と配色に困ったときの知識まとめ - コムテブログ
TL;DR 先月、リーフレットを作ったときに「なぜか同じように印刷されない」とか、サイトを作るときにイメージが伝わりにくいと感じたことが多々ありました。で配色に関して勉強してみたんですが、基礎がダメだったんですね。基本をしっかり勉強せねばと思いました。今回は配色やカラーマネージメント、３属性など基本的なことを復習を兼ねてまとめました。 基本 １．配色用語 筆者、記憶力と理解力が悪いので、色の勉強をする前に使用頻度の高い基本用語をおさらいしておくことにします。「一言でいうと何？」と聞かれた時用に、簡潔にまとめました。 三原色／色を表現する基本３色。色料(CMYK)と色光(RGB)がある。 CMYK／印刷物に使う。藍・紅・黄・黒。重ねるほど暗くなる減法混色。 RGB／PC モニタ・テレビ。赤・緑・青の３色。混ぜるほど明るくなる加法混色。 減法混色(げんぽうこんしょく)／CMY を使った混色。印
Réussir vos stratégies avec l'agence Tanzen Design
Tanzen Design, l'agence actrice de votre réussite ! Une société doit entreprendre une stratégie digitale si elle souhaite réussir à améliorer ses ventes. Il existe plusieurs outils de marketing digital : référencement SEO, sites Web, Web analytique KPI, réseaux sociaux, solution e-commerce… Les agences Web proposent des prestations packagées incluant des services clés en main. Une agence de market
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【全部読めたら】WEBで縦に書くとすごーく読みにくいことがわかる記事【神】
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
yaplog!（ヤプログ！）byGMO
hydekick.jp
新着記事
