Webデザイン

UIデザインの最近のトレンド、近未来的なかっこいいグラデーションを実装するCSSのテクニック

2021/12/03(Fri) 09:03

近未来的なかっこいい印象を与えるグラデーションを使用した、テキスト・ボタン・背景のスタイルを実装するCSSのテクニックを紹介します。白地のテキストをわずかに輝かせたり、ダークモードに映えるグラデーションでテキストやボタンを目立たせたり、カードに美しいグラデーションの背景を実装したり、少し色味を変えてライトモードに使用してもかっこいいグラデーションです。

https://coliss.com/articles/build-websites/operation/css/css-tricks-dark-futuristic-web3-look.html

Webデザイナーがペンタブを使って感じた4つのメリット！苦労したことや対策も

2021/11/30(Tue) 08:54

デザイナーのみなさん、PCで作業をするときはマウス派ですか？ トラックパット派ですか？ それともペンタブ派ですか？以前から「イラストはあまり描かないけど、ペンタブを使いこなせたらきっと作業効率上がるんだろうな〜」と思ってはいたものの、なかなか慣れなくって結局マウスに戻るということを繰り返していました。

https://liginc.co.jp/573517

みんなに優しいデザインを届けよう。Webアクセシビリティ・ガイドラインとチェックリスト。プレゼン資料

2021/11/09(Tue) 08:58

Webアクセシビリティとは、障害を持つ人々がWebを使用できることを意味します。覚えておきたいことは、世界中で13億人（5人に1人）が何らかの障害を抱えて生活しているということです。

https://note.com/papertrumpets/n/n3eddb823627a

デザインで何を足して、何を引けばよいのか、デザインの足し算ポイントと引き算ポイントを解説したデザイン書

2021/11/08(Mon) 08:55

デザインにも、足し算と引き算があります。足し算のデザインは物足りない時や寂しい時、引き算のデザインは盛りすぎた時や余白が少ない時、だけではありません。さまざまなデザインの実例を取りあげ、足し算ポイントと引き算ポイントを解説したデザイン書を紹介します。

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

Webサイトの会社情報・採用コンテンツのデザイン、ブランディング、情報設計に特化されたデザイン書

2021/10/25(Mon) 08:54

企業サイトを受注した際に欠かせないのが、会社情報・採用コンテンツ。私もたくさんの企業サイトのローンチ・リニューアルにコアメンバーとして参加しましたが、企業ごとに異なり、やりがいのある非常に面白いコンテンツです。

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

商用でも完全無料、ランディングページ用の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