Webデザイン

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/

スマホ時代におけるフォームのデザイン・実装のテクニックが詳しく解説された良書 -フォーム制作実践ガイド

2019/12/24(Tue) 10:11

フォームのデザインや実装が苦手という人は少なくないと思います。スマホ時代における、ユーザーにとって利用しやすいフォーム実装のテクニックを機能・ビジュアルデザイン・実装コードごとに詳しく解説したフォーム制作実装ガイドを紹介します。

https://coliss.com/articles/book-review/isbn10-4862464513.html

ちょっと面白いスクリプト！グラフやチャートを手書き風のラフな感じにするJavaScriptライブラリ -roughViz

2019/12/18(Wed) 09:53

手書きスタイルのグラフやチャートを簡単に作成できるJavaScriptライブラリを紹介します。手書きの度合いも調整でき、ちょとラフな感じ、雑な感じ、かなり雑な感じ、ぐちゃぐちゃな感じにもできます。

https://coliss.com/articles/build-websites/operation/javascript/javascript-library-for-hand-drawn-styled-charts.html

ダウンロードしておくと便利！各SNSで推奨されている画像サイズ・動画サイズのまとめ -SocialSizes

2019/12/17(Tue) 09:59

Instagram, YouTube, Twitter, Facebook, TikTok, AppStoreなど、各SNSで推奨されている画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。

https://coliss.com/articles/build-websites/operation/work/image-and-video-sizes-for-social-media.html

よく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのシンプルなコードのまとめ

2019/12/17(Tue) 09:58

Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。

https://coliss.com/articles/build-websites/operation/css/popular-layouts-and-patterns-made-with-css.html

ウェブ制作をスピードアップ！便利すぎる最新オンラインツール、無料素材51個まとめ

2019/12/10(Tue) 10:03

この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。

http://photoshopvip.net/119584