タグ

モードに関するbittttttttttchのブックマーク (4)

  • DarkModeのデザインを中心とした色彩設計の考え方 | Spinners Inc.

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

    DarkModeのデザインを中心とした色彩設計の考え方 | Spinners Inc.
  • Goodpatch新卒UIデザイン研修の設計—ソフトウェアデザイン概論と基礎理論—|Goodpatch Blog グッドパッチブログ

    Goodpatchでは職種ごとにさまざまな新人研修プログラムを用意しています。2020年の新卒UIデザイナー向けには、4月から6月にかけてUIデザインに関する基礎的な講義や演習、課題制作といった集中的な研修を行い、UIデザイナーとして必要な基礎知識を身につけてもらいました。 UIデザイン研修といってもいくつかにコースが分かれており、今回私が講師として担当した部分では「ソフトウェアデザイン」をテーマに講義を行いました。 以下の講義のうち私が担当した、ソフトウェアデザイン概論、インタラクションデザイン基礎、モードレスデザイン基礎、UIモデリング基礎について簡単にご紹介いたします。 UIデザイン研修—ソフトウェアデザイン編—講義シラバス ソフトウェアデザイン講義の設計 UIデザイン新人研修は全体構成を「ビジュアルデザイン編」「ソフトウェアデザイン編」と二分し、それぞれの専門性を深堀りできる形を採

    Goodpatch新卒UIデザイン研修の設計—ソフトウェアデザイン概論と基礎理論—|Goodpatch Blog グッドパッチブログ
  • Photoshopの描画モード(ブレンドモード)を理解するための、画像合成は計算だという話 | 俺CG屋

    よくPhotoshopの記事で「こんな画像にこんな画像をこの描画モードで重ねるとこんな感じになるよ!」みたいなのは見かけるのですが、それでは根的にわかってないので、結局合成の際にカチカチしながら見た目で選ぶハメになります。また、よくわからない結果になっても、原因がつかめません。そこで、「画像合成ってなに?」という根的なところから書きました。 Photoshop、AfterEffects、Illustratorなどレイヤー構造を持つAdobeのソフトには描画モードという画像合成機能が付いています。 この機能、知らないと一見使いにくいのですが、使いこなすとなくてはならない機能の一つと言えるくらい幅が広がるものです。 画像合成って結局何しているの? この画像合成の質は、ずばり「計算」です。コンピュータだから、当たり前と言えば当たり前ですが。 数学と言ってしまうと難しく聞こえてしまうかもしれ

    Photoshopの描画モード(ブレンドモード)を理解するための、画像合成は計算だという話 | 俺CG屋
  • なんとなく、からぬけだそう。知っておきたい描画モードの仕組み|dwango creators' blog(ドワンゴクリエイターズブログ)

    ハローエブリワン、(あ、間違った)こんにちは! 2回目の投稿となりましたデザイナーのiriaです。 最近業務でバナーを作成する機会が多くなり画像を加工する頻度も比例して増えているので、今回はPhotoshopなどで画像加工をする時に大変便利な描画モード(ブレンドモード)の仕組みについて書かせて頂こうと思います。 紹介する描画モード 仕組みの説明には計算式を用いておりますが、いずれも複雑な式ではないので数式に抵抗のある方や、そもそも画像加工ツールを利用する頻度が少ない方でも、ざっくりと概要を把握していただけるのではないかと思います。 はじめに・知っておいてほしいポイント 環境はPhotoshop、RGB値の範囲を0~255(8bit)前提で説明させていただきます。解説させて頂くにあたり、前提知識として以下のポイントを抑えておいて下さい。 1pxの中には「R(赤): 0~255・G(緑): 0

    なんとなく、からぬけだそう。知っておきたい描画モードの仕組み|dwango creators' blog(ドワンゴクリエイターズブログ)
  • 1