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

すげえ！！！証紙がガチャポンで売ってる！！！！ https://t.co/IU7fQ5JXLO

Start building with the Notion API Connect Notion pages and databases to the tools you use every day, creating powerful workflows. Get started Building blocks for developers Aggregate data from many sources into your team’s workspace. Spend less time context switching, and increase visibility across the software and services you rely on. Stay in the loop Twitter Spend more time on Twitter than you

地方で生まれ育った人は、進学や就職のタイミングで地元を離れる人と地元に残り続ける人に分かれます。首都圏へのアクセスがよい長野県からの上京は、ほかの地域に比べるとハードルが低いともいえるでしょう。しかし、地元を一度離れると彼らの多くは戻ってきません。 上京組とたまに会って話すと「やっぱり地元はいいなぁ」とは言うのに、戻ってこない。その背景には「戻らない」というより「戻れない」事情があるのかもしれません。 なぜ、彼らは地元に戻ってこられないのでしょうか。大学進学を機に上京した3名の長野県出身の女性に、仕事や友だち、恋愛や結婚など、さまざまな観点から「地元に戻れないワケ」語ってもらいました。司会は、同じく地方出身で上京した筆者・佐々木が務めます。 「こんな村、出ていってやる！」上京の理由と都会の生活 写真左から桐山さん、むらやまさん、和光さん 座談会参加者 桐山美菜（26） 筑北村出身。現在は金

猫村ゐき (Nekomura Wiki) @lll_anna_lll JRと銀座線、ぼくは銀座線の運休しか記憶になかったわけだけど、デザインの差では。 どちらが移動中の社畜どもに「運休します」という情報を一瞬で理解させる可能性が高いか。 人間は自分に関係なさそうな情報は、詳細を読まない。 pic.twitter.com/bJ86OtiDCI 2019-11-16 16:26:49

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない

なぜウインドウを閉じるマークは「×」なの？ 「×」に否定的な意味を持たせているのは日本だけなのに、なぜ世界で閉じるは「×」なの？ 閉じる≒否定　？

会員約3,000名を擁するアジア最大級のデザイン団体、日本グラフィックデザイナー協会（JAGDA）が、1981年より発行を続ける年鑑『Graphic Design in Japan』。2019年版の発行を記念して、掲載作品の中から約 300 点を実物とモニタで展示します。身近な雑貨から、書籍、商品パッケージ、シンボル・ロゴ、ポスター、ウェブサイト、映像、展覧会やショップの空間デザインに至るまで、世界でも評価の高い日本のグラフィックデザインの現在を、ぜひご覧ください。 会期：2019年6月20日（木）～8月7日（水）11:00‒19:00 会期中無休・入場無料 会場：東京ミッドタウン・デザインハブ 主催：東京ミッドタウン・デザインハブ 企画・運営：公益社団法人日本グラフィックデザイナー協会（JAGDA） ●関連イベント 会期中に2回、第一線で活躍する多彩なゲストを迎え、トークイベントを開催し

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで

いらすとやのイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない！ ではそんなにこだわっているのなら、色の方はどうなのかな？と思ったわけです。 色覚を変えて見てみる 使った素材はこの３つ。３つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの『UDing®』を使うのですが、マシンを新しくしたら使えなくなってしまい…。 P型とD型だけですが、フォトショップの『色の校正』機能で変換しました。 ラーメンを食べる男 麺の部分と洋

イナダシュンスケ @inadashunsuke 合理的だし、また、これならそうそう安易なローカライズもされまいという安心感も生まれる。その場合に地域をイサーンで限定しているあたりも安心感のさらなる裏付けになっていますね。いろいろと完璧。 2018-10-15 13:03:39 イナダシュンスケ @inadashunsuke ただし合理的であるかどうかと客商売として歓迎されるかは全く別の問題で、さらに普通に考えたらそもそもこんな立地でローカライズ無しのイサーン料理が受容される可能性は極めて低い。でも何が何でも継続して欲しいので、名古屋の人たちはとにかく地下鉄で大集合してください。 2018-10-15 13:09:03