Web制作に役立つ情報一覧

Illustratorでここまでできる！すごいチュートリアル、作り方30個まとめ 2018年6月度

2018/07/03(Tue) 09:53

「あんなデザインが作ってみたい。」「あれってIllustratorらしいけど、どうやって作るの？」そんなデザイナーのお悩み解決として、デザインチュートリアルに挑戦してみてはいかがでしょう。

http://photoshopvip.net/109750

新しい日本語フォントがたくさんリリースされてる！2018年上半期、日本語の新作フリーフォントのまとめ

2018/07/03(Tue) 09:52

手書き風の味のあるフォント、明治や昭和風のレトロなフォント、ホラーフォント、ピクセルフォント、ジョークフォントなど、たくさんのフォントがリリースされています。日本語では珍しいステンシルフォント「木漏れ日ゴシック」は特にお勧め！

https://coliss.com/articles/freebies/japanese-free-fonts-july-2018.html

【デザイナー必見】差のつくデザイン、すごいフリーフォント65個まとめ 2018年6月度

2018/07/02(Mon) 09:56

プロフォント顔負けのウェイト数が揃う万能フォント、最近よく見かけるようになったレトロ、ビンテージフォント、高級感のある筆記体や手書きブラシフォントなど、実践で活用できる素材で、商用利用に対応したアイテムも多数収録しています。

http://photoshopvip.net/109675

サイトマップやフローチャートを手軽に作りたいときに便利なSketch素材「Flowchart kit 2.0」

2018/06/29(Fri) 09:54

「Flowchart kit 2.0」は、用意されているシンボルを組み合わせていくことで簡単にサイトマップやフローチャートを作成できるSketch素材です。

https://www.nxworld.net/material/sketch-freebies-flowchart-kit.html

CSSの作業をもっと楽に！無料で使える便利なWebツール40選

2018/06/28(Thu) 10:01

CSSを使って作業をいているときに活用したい、無料で使えるオンラインツールをまとめてご紹介します。これらのツールは、制作時間を節約、短縮できるだけでなく、CSSのちょっとややこしい問題の解決ツールを想定し作成されています。

http://photoshopvip.net/109622

夏や海をテーマにしたデザインアイコンセット 20

2018/06/27(Wed) 09:54

水着・浮き輪・ビーチサンダル・スイカ・アイスクリーム・様々な海の生物など、夏や海をテーマに作成されたデザインアイコンセットのまとめです。アイコンによっては、セット内に複数のパターンが用意されているものもあります。

https://www.nxworld.net/material/20-summer-and-sea-design-icons.html

最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ

2018/06/27(Wed) 09:53

ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。

https://coliss.com/articles/build-websites/operation/work/creative-ux-design-concepts.html

数クリックで実現！魅力的なテキストエフェクトに使える無料PSDファイル厳選50個まとめ

2018/06/25(Mon) 10:03

フォントをより魅力的に仕上げるテキストエフェクトは、 コンテンツを伝えるなかで重要なデザイン要素のひとつです。Photoshopを使えばほんの少しの編集作業だけで、印象に残るタイポグラフィー、テキストエフェクトを作成することができます。

http://photoshopvip.net/109593

すごくかわいいフォント！アフリカの部族で見かける装飾やパターンにインスパイアされたデザインフォント -Tabu

2018/06/22(Fri) 09:53

アフリカの部族で見かける装飾やパターンにインスパイアされた、かわいいフォントを紹介します。通常の文字の他に、下記のような飾り文字やシンボルも含まれており、フォントとしてもモノグラムとしても楽しめます。

https://coliss.com/articles/products/tribal-font-family-tabu.html

実装がどんどん簡単になっている！スクロールに連動するCSSアニメーションを与えるスクリプト -Delighters

2018/06/22(Fri) 09:52

コンテンツが横からスライドしたり、カードが追従するように表示されたり、スクロールに連動するCSSアニメーションを簡単に実装できるスクリプトを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/js-add-css-animation-delighters.html