タグ

デザインに関するma-fuyuのブックマーク (5)

  • CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる

    Safari 15.4(最新は15.5)で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc()内では使用できません。新しいビューポート単位を使用すると、そういった問題もなくなります。 The Large, Small, and Dynamic Viewports by Bramus 2021年の記事ですが、Safari 15.4でこれらの新しいビューポート単位がサポートされたので、このタイミングで紹介します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじ

    CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
  • 配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki IKEDA|note

    今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー

    配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki IKEDA|note
  • 一般色覚者にはほぼ分からない“小さくて大きな違い” JIS改訂で「日本社会における色のルール」はどう変わったのか

    道路工事中の赤ランプ、踏切、非常口のマーク―― 2018年4月、JIS(日工業規格)の改訂に伴い、こういった場所に使われている「安全色」が変わったことをご存じでしょうか。 設備の入れ替わりに時間がかかるため、ひょっとしたら、まだ“新色版”を目にしていない人もいるかもしれません。ですが、仮に見ていたとしても、多くの人は気付かないままでしょう。というのも、一般的な色覚を持つ人には、“小さな違い”しか分からない調整が行われているからです。 上下どちらが改訂前、改訂後なのか分かりますか? しかし、この改訂により、あるタイプの色弱者には「色味が感じられなかった標識がカラーになる」など“大きな変化”があるのだといいます。安全色に起こった小さくて大きな変化とは、どのようなものなのか。CUDO(カラーユニバーサルデザイン機構)副理事長・伊賀公一氏に話を伺いました。 記事はテーマ別に分けた3編構成となり

    一般色覚者にはほぼ分からない“小さくて大きな違い” JIS改訂で「日本社会における色のルール」はどう変わったのか
  • 新卒デザイナーのデザインブラッシュアップ方法 | remark

    デザイン事務所にてアートディレクターとして企業ブランディングを中心に広告、商品企画、プロダクト開発、Webプロモーションなどに従事。自分たちの働き方もデザインの一部と捉え、自らのほしい未来をつくるために2015年9月ツクルバに参画。Web、グラフィックなどツクルバに関わるデザイン業務を担当。[柴田のインタビュー記事](https://studios.tsukuruba.com/remark/1524649191951) まずは自由に作ってもらう 円香:バナーできたので見ていただいてもよいですか〜。 柴田:これ、CLASKA(イベントの会場)ってのがビジュアルから伝わってこないのだけど、素材これしかないの? 円香:これしかないんす…公式のビジュアルがこれで 柴田:ならしょうがないな…全然わからん。CLASKA側からこれ使ってくれって? 円香:絶対これってわけでないとは思いますが、送られてきた

  • 【誰でも】デザイン力を上げる方法を「具体的」に解説しました!【質問箱11回目】 | ベーコンさんの世界ブログ

    デザイナーのベーコンです 質問箱11回目です 今日も「デザイナー友達」の感覚であなたの質問に答えていきます! 今日の質問はこちら! デザインスキルの身につけ方を知りたい【勉強方法・学び方】 質問ありがとうございます 確かに、楽しくデザインさせてもらっています! デザインが嫌になる瞬間、めっっっちゃありますよ… ひとまず、こちらは後にして、先にデザインスキルの身につけ方について答えます デザインは独学、泥臭いスタイルでやっています まず、ぼくはデザイン独学で学びました 美大を出たわけでもありません、デジタルハリウッド札幌校出身です(ソフトの使い方を学びましたデザインは一切学んでいないです) デザインや絵が好きかというと、Windows95でテレホタイムを楽しんでいた、ただのパソコン好きでした だからこそ、言いたいのですが、デザインは練習すれば(ある程度)習得できます 仮にものすごく上手くなれ

    【誰でも】デザイン力を上げる方法を「具体的」に解説しました!【質問箱11回目】 | ベーコンさんの世界ブログ
  • 1