Webデザイン

Web制作の常識が変わる、便利な最新オンラインツール48個まとめ

2020/06/29(Mon) 09:50

この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。

http://photoshopvip.net/123226

レスポンシブの確認がこれで快適に！複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App

2020/06/24(Wed) 10:02

Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。無料とは思えないほど高性能で、すべてのWeb制作者にお勧めです！

https://coliss.com/articles/build-websites/operation/work/responsively-app-for-confirming-responsive.html

レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法

2020/06/04(Thu) 09:49

Webページを実装する際、注意すべき点の一つは表示されるスクリーンサイズです。スマホとタブレット、そしてデスクトップの3種類を想定している人も多いと思いますが、現在ではさまざまなサイズのスクリーンが存在しています。

https://coliss.com/articles/build-websites/operation/work/thinking-about-the-in-between-design-cases.html

ウェブサイト作成のよくある間違いと解決テクニックまとめ【保存版】

2020/06/02(Tue) 09:55

この記事では、ウェブサイトを作成するときによくある間違いを、具体的なサンプル例と解決テクニックと一緒にまとめています。

http://photoshopvip.net/122716

ランディングページをつくるときに考慮すべき10のこと

2020/04/15(Wed) 10:02

ユーザーが行動を起こしたくなるようなランディングページ（LP）のデザインを依頼されたことはありませんか？　この記事では、私が確実に結果を出すために使っているアプローチを紹介します。

https://uxmilk.jp/87113

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