Webデザイン

商用でも完全無料、ランディングページ用のHTMLテンプレートがダウンロードできる -Inovatik

2021/09/22(Wed) 08:56

ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。

https://coliss.com/articles/build-websites/operation/work/free-html-templates-for-landing-pages-inovatik.html

デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ

2021/09/14(Tue) 10:00

フォームを改善するUIデザインのテクニックを紹介します。フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。

https://coliss.com/articles/build-websites/operation/work/ui-tips-for-better-forms.html

これから実装する人にオススメ！レイティングに使用するスター（星形）を実装するSVGのテクニック

2021/08/31(Tue) 09:55

Webページやスマホアプリで見かけるレイティングに使用するスター（星形）を実装するSVGのテクニックを紹介します。一口にスターといってもさまざまな状態があり、オン・オフ、半分、アウトライン、サイズ変更など、さまざまな実装テクニックが解説されています。

https://coliss.com/articles/build-websites/operation/work/star-rating-svg-solution.html

「シンプル」こそ大事！ホームページ制作で基本の「やるべきこと」とよくある間違い

2021/08/19(Thu) 09:56

完璧と言えるホームページを制作するのは、プロのWebデザイナーでもない限り、正直なところむずかしいかもしれません。さらに競合サイトとの検索順位争いが激しすぎ、隣の芝生が青く見えてしまうこともあるでしょう。「ホームページを作りたいけど、なにからはじめてよいか分からない」というひとも少なくありません。

https://photoshopvip.net/130600

これは使える！「動くWebデザインアイディア帳」でWebアニメーションの基本を身に付けよう

2021/08/13(Fri) 09:58

Webサイトにおいて、アニメーションはもはや切っても切り離せない存在です。ちょっとしたアニメーションによって、Webサイトの使いやすさや印象に大きく影響を与えます。

https://webdesign-trends.net/entry/13112

面倒な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