Webデザイン

Webページやスマホアプリにパノラマ画像のコンテンツを簡単に実装できる軽量スクリプト -Panolens.js

2020/03/18(Wed) 09:59

360度のパノラマ画像をブラウザ上で表示できる、軽量スクリプトを紹介します。パノラマ画像を見るだけでなく、パノラマ動画、リンクコンテンツ、物語コンテンツなど、インタラクティブなさまざまなコンテンツを実装できます。

https://coliss.com/articles/build-websites/operation/javascript/panorama-viewer-panolens.html

見た目の美しさとアクセシビリティのパラドックス

2020/03/11(Wed) 09:51

すべてのインターフェイスにはユーザーが存在し、そのユーザーはつねに多数派と少数派によって構成されています。たとえば、大半のユーザーは正常な視力をもっていますが、少数派となるユーザーは何らかの視覚障害をもっています。

https://uxmilk.jp/86190

プロのデザイナーに学ぶ！ひと手間加えて、UIデザインの印象を改善するデザインのテクニックのまとめ

2020/03/05(Thu) 09:49

UIデザイナーの仕事は試行錯誤の繰り返しで、ちょっとしたことで印象が大きく改善されます。デザインを改善するために役立つ実践的なテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/9-tips-to-improve-ui-designs.html

UIデザインの新しいトレンド「ニューモーフィズム」のデザイン方法と実装方法をやさしく解説

2020/03/03(Tue) 09:57

最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順で作成する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。

https://coliss.com/articles/build-websites/operation/design/neumorphism-in-user-interface-tutorial.html

便利なツールが登場！SVGアイコンを簡単に一元管理できるWindows, macOS対応の無料アプリ -Iconset

2020/03/02(Mon) 09:52

アイコンをどのように管理していますか？大量のSVGアイコンを効率的に管理でき、デザイナー・デベロッパー、制作チームで一元管理もできる無料アプリを紹介します。個人でも複数人でも利用できます！

https://coliss.com/articles/build-websites/operation/work/svg-icon-organizer-iconset.html

Web制作フローが変わる！便利な最新オンラインツール43個まとめ【2020年版】

2020/02/25(Tue) 09:51

この記事では、2020年に入ってから公開された、Webデザインを快適にする最新オンラインツールをまとめてご紹介します。ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。

http://photoshopvip.net/120870

UIのデザインは奥が深い！アイコンデザイン 7つの原則

2020/02/20(Thu) 09:56

Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。

https://coliss.com/articles/build-websites/operation/design/7-principles-of-icon-design.html

SVG形式のファビコンを設置しよう

2020/02/14(Fri) 09:55

つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。

https://www.webcreatorbox.com/tech/svg-favicon

ビジュアルで勝負！2020年に確認しておきたい重要デザイントレンド7個まとめ

2020/01/21(Tue) 10:01

トレンドは入れ替わりが激しく、すぐに古くなってしまう恐れがあるため、ここではビジュアル面に関連する、2020年に確認しておきたいトレンド7個をまとめてご紹介します。

http://photoshopvip.net/120168

UIデザイナーが知っておきたい海外の優れたデザインシステム17選

2019/12/25(Wed) 09:50

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。

https://baigie.me/officialblog/2019/12/24/17-design-system/