Web制作に役立つ情報一覧

日本と海外のwebデザインってどう違うの？

2021/03/11(Thu) 10:06

皆さんは日本と海外のデザインの違いについてよく考えたことがあるでしょうか？日本はデザイン後進国とか言われてたりしますが、自分としての意見は「日本なりのデザインが育ってきている」と思っています。

https://note.com/takuyasugarapple/n/n026adeba5785

美しいドロップシャドウ影を作成できるデザイン小技テクニックまとめ

2021/03/10(Wed) 09:58

ドロップシャドウ（英: Dropshadow）は、今どきのウェブサイトやユーザーインターフェースにおいて重要なデザイン要素です。整理された長方形にドロップシャドウを適用することで、奥行き感と階層づくりに役立ちます。

https://photoshopvip.net/127766

色の変化が美しい！グラデーション無料テクスチャ、デザイン素材まとめ

2021/03/09(Tue) 10:17

美しい配色の組み合わせを楽しむことができる素材を中心に、PhotoshopやIllustratorといったデザインツールで利用できるテクスチャ素材はもちろん、プリント印刷もできる高品質な素材から、FigmaやAdobe XDといったプロトタイプツール向けグラデーションまで幅広いアイテムが揃います。

https://photoshopvip.net/127746

【第4弾】少しのコードで実装可能な10のCSS小技集 | Webクリエイターボックス

2021/03/04(Thu) 09:54

CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！

https://www.webcreatorbox.com/tech/css-tips-4

全部、完全に商用利用無料！WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs

2021/03/04(Thu) 09:53

企業サイトやプロダクトページをはじめ、オンラインショップ、アプリなど、WebのUIデザインに適したSVGアイコンが無料で利用できるGlyphsを紹介します。

https://coliss.com/articles/freebies/icons-design-system-glyphs.html

濁りなし！美しいグラデーションの基本ルールとCSSオンラインツール

2021/03/04(Thu) 09:52

デザイントレンドは変わっていますが、グラデーションはとてもナチュラルな見た目と多様性に富んでおり、いつの時代も愛されるデザインスタイルです。

https://photoshopvip.net/127675

あらゆるデザインで役立つ最新フリーフォント30個まとめ 2021年2月度

2021/03/02(Tue) 09:48

この記事では、デザイン制作に活用したい無料ダウンロードできる最新フリーフォントをまとめています。フォントのウェイトが充実した汎用性の高い書体から、おしゃれでかわいい英語フォントなど、あらゆる最新フォントスタイルが揃います。

https://photoshopvip.net/127628

JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック

2021/03/01(Mon) 09:58

スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用することで簡単に実装できます。

https://coliss.com/articles/build-websites/operation/css/shrinking-header-on-scroll-without-javascript.html

Webサイトやスマホアプリで使用する日本語フォント、タイポグラフィに関する知識が身につくデザインの解説書

2021/02/26(Fri) 09:53

ここまで詳しく解説された書籍はかなり貴重ですね！パソコンやスマホのスクリーンで読みやすい文字組みとフォント、画像と文字の配置方法、Webフォントの効果的な使い方、アクセシビリティなど、オンスクリーンにおけるタイポグラフィを徹底的に学べるデザイン書を紹介します。

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

商用可能！日本観光がテーマの無料ピクトグラム280個セットExperience Japan Pictogram

2021/02/25(Thu) 09:56

日本観光をテーマにした、シンプルで分かりやすいピクトグラム280個を揃えたExperience Japan Pictogramの無料公開がスタートしています。利用規約の範囲内であれば、個人利用はもちろん、商用でも無料で利用できるという太っ腹なプロジェクトとなっています。

https://photoshopvip.net/127560