ニューモーフィズム？CSSコピペ実装できる新Webトレンドの参考HTMLスニペット、ツールまとめ
Neumorphism（ニューモーフィズム）は、昨年末ごろより新しいデザイントレンドになるのではと話題となっている新しいデザイン手法です。 この記事では、ニューモーフィズムの基本や作成上の注意点、コピペで実装できるHTML/CSSスタイリング、参考スニペットまでまとめてご紹介します。 ニューモーフィズムって何？ ニューモーフィズムは、一昔前に流行った「スキューモーフィズム」のリアルな質感と、フラットやマテリアルデザインのようなシンプルさを組み合わせた新しいスタイル。言葉の由来も、New（新しい）＋Skeumorphism（スキューモーフィズム）からきた造語。 dribbbleで4500以上のいいねが付いている、ニューモーフィズムの火付け役となった作品 Skeuomorph Mobile Banking by Alexander Plyuto 少し前までは、マテリアルデザインの登場によって「
インタラクションデザインのためのプロトタイピングツール調査 - Qiita
前提と目的 （アプリデザインではなく）Webサイトの受託制作が中心 画面遷移設計に特化した所謂プロトタイピングツールというよりは、デザイン上の演出や、ちょっとしたインタラクションなどを、協働する相手と効率よく共有したり、クライアントなどへプレゼンテーションしたりするためのツールが欲しい。 今まではデザイナーがイメージに近しい参考サイトのURLを添えて送ったり、場合によっては簡易的にコーディングして動かすなどしていた。 課題 意図する動きの参考サイトをピンポイントに探す時間も馬鹿にならず（いわんやコーディングをや）、折角探してもそれでは伝わりきらない場合も多く、手戻りに繋がる。 ディレクターとデザイナー間、デザイナーとエンジニア間でインタラクションや効果・演出を伝える際に齟齬が生まれやすい。 クライアントへの提案時に簡易なものでも動くモックを提示したいというディレクター・営業からの要望が増え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
