Webデザイン

面倒なWeb制作におさらば！便利すぎる新登場オンラインツール48個まとめ

2021/08/11(Wed) 09:54

Web制作のたびに繰り返し手こずって、時間のかかってしまう作業ってないでしょうか。作業の効率化や時短において、限界を感じているひとにこそ刺さる、知っておきたい最新オンラインツールをまとめてご紹介します。

https://photoshopvip.net/130442

Web制作者は1冊持っておくとかなり便利！UIに適したさまざまなアニメーションの実装方法が分かる解説書 -動くWebデザイン アイディア帳 実践編

2021/08/06(Fri) 10:04

Webページに動きやアニメーションを加えたい、毎回検索で探している、実装の手順を解説してほしい、そんな時にすぐに役立つコピペで利用でき実装方法もカスタマイズもていねいで分かりやすい解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784802613231.html

プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.7

2021/07/27(Tue) 09:56

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-seven.html

デザインのスキルが確実に身につく良書！字詰めのやり方を日本人タイプデザイナーが徹底解説 -タイポグラフィにおける文字間調整の考え方

2021/07/22(Thu) 09:53

デザインのスキルを身につけたいと思った時に文字のデザイン、字詰めをあげるデザイナーは少なくないと思います。文字は、ロゴ、コピー、タイトル、見出し、本文のクオリティに影響を与える重要なデザイン要素です。

https://coliss.com/articles/book-review/isbn-9784802512091.html

これなら分かりやすい！Webサイトのデザイン仕様書・指示書の作り方

2021/06/17(Thu) 09:50

デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。

https://coliss.com/articles/build-websites/operation/work/the-art-of-design-specing-for-ui-design.html

新しいUIデザインスタイル「モダンミニマル」の使い方基本ガイド

2021/06/08(Tue) 09:47

機能的で読みやすい、そして洗練された魅力的な見た目が特長の新しいUIスタイル「モダンミニマル（英: Modern Minimal）」の特長や、具体的な使い方を今回はご紹介します。

https://photoshopvip.net/129253

現役デザイナーが教える、アイコンデザインがより良くなる８個のヒント

2021/05/26(Wed) 09:56

この記事では現役デザイナーDmitriy Buninが、より良いアイコンをデザインするときに心がけている8個のポイントをまとめてご紹介します。WebサイトのUIインターフェースにおいてアイコンは重要なデザイン要素のひとつです。

https://photoshopvip.net/129022

『UXデザインの法則』は、10個の法則を学ぶための本ではない

2021/05/20(Thu) 09:54

『UXデザインの法則 最高のプロダクトとサービスを支える心理学』が5月18日に発売されました。この本は、Jon Yablonski氏の"Laws of UX: Using Psychology to Design Better Products & Services"の邦訳です。この記事では、翻訳チームの1人であるtantotが考える「この本の良いところ」を3つご紹介します。

https://note.com/tantot/n/n2df004144979

全部まとめられていて便利！iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes

2021/05/17(Mon) 09:53

Webサイト制作者・スマホアプリ開発者向け、Appleデバイスのスクリーンサイズ、各サイズを採用しているモデル、解像度、PPI、表示タイプ、比率、最後にサポートされたOS、セーフエリア、サイズクラス、ウィジェットのサイズ情報など、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。

https://coliss.com/articles/build-websites/operation/work/screen-sizes-for-apple-devices.html

Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ

2021/04/28(Wed) 09:49

この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。

https://photoshopvip.net/128528