はてなブックマーク

Neumorphism(ニューモフィズム)とは 「新しいスキューモーフィズム」を謳う“Neumorphism” というデザインが最近一部で提唱されているようです。 下記のようにボタンやカードなどの要素が凹凸で表現されていて、明るい影（光）が落とされているのが特徴です。それによってボーダーや塗りを使わずに要素の形状を表すことができるのでよりシンプルに表現すること可能です。 凸デザインと凹デザイン、この2個覚えておけばOK 凸凹ボタン2点の作り方を解説いたします。基本的にはこの作り方でほぼ全てのオブジェクトは応用可能です。 今回はAdobe XDを使ったNeumorphismデザインの作り方です。XDはAdobe IDの取得後ダウンロードが必要です（無料）。 A.凸デザイン 1. 四角をつくる 2. 各種設定 角丸: 30mm 塗り: #EFEFEF ★Point 背景色に合わす 線: なし