Web制作に役立つ情報一覧

デザインにフル活用！無料の最新フリーフォント素材64個まとめ 2019年6月度

デザインの印象を決定づける「フォント」は、利用するものによって大きくイメージが左右されます。この記事では、使うだけでオシャレに魅せる素敵な最新フリーフォントをまとめてご紹介します。

http://photoshopvip.net/116361

テキストだけのボタンは、なぜスマホでのユーザビリティを損なうのか

テキストをボタンにするのはデザインに手間がかからないので、簡単に設置できます。しかし、ユーザーはそのテキスト ボタンのテキストを読んだり、認識したり、タップすることに苦労を強いられます。

https://coliss.com/articles/build-websites/operation/work/why-text-buttons-hurt-mobile-usability.html

SEOで過小評価されている“キーワードカニバリゼーション”が発生する2つのパターンと見つけ方（中編）

SEOにおける「キーワードカニバライゼーション」が問題を引き起こす2つのパターンと、発生状況を把握するツールの利用について解説する

https://webtan.impress.co.jp/e/2019/06/24/32979

ウェブ制作が捗る！便利すぎる最新オンラインツール、無料素材56個まとめ

この記事では、Webデザインやグラフィックデザインの制作が捗る、公開されたばかりの最新便利オンラインツール、無料デザイン素材をまとめています。

http://photoshopvip.net/116292

カラフルで美しいロゴデザインの効果的なつくり方まとめ

ブランドのリニューアル、変更を検討しているひとは、色鮮やかなカラフルロゴを検討してみませんか。カラフルなロゴは、ブランドの注目を集めることができ、認識しやすくしてくれます。

http://photoshopvip.net/116256

モーダルを開いている時にページがスクロールしてしまうのを防ぐCSSとJavaScriptのテクニック

ページ上でモーダルを開き、スクロールして、モーダルを閉じると、通常そのページはモーダルを開いた時とは別の場所にスクロールされた状態で表示されてしまいます。そして、スクロールした状態で、モーダルを開いて閉じると、一番上にスクロールされた状態で表示されてしまいます。

https://coliss.com/articles/build-websites/operation/javascript/prevent-page-scrolling-when-a-modal-is-open.html

簡単に描いた落書きから写真のようにリアルな画像を自動生成するツール -GauGAN

人工知能や深層学習が、デザインにも使用できるものが増えてきましたね。落書きのように簡単に描いたスケッチから、写真のようにリアルな画像を自動生成する「GauGAN」を紹介します

https://coliss.com/articles/build-websites/operation/work/gaugan-photorealistic-landscapes.html

Webデザインでも活用できる４つの心理学手法

Webの開発市場は飽和状態なため、消費者はその選択肢の多さに目移りしています。名刺代わりのWebサイトを持っているだけでは、もはや競争力はありません。もっと直接的なセールスツールとして作用する必要があります。「いつか見てくれるだろう」という運は計画のうちには入らないのです。

https://uxmilk.jp/80239

夏っぽいデザインに使えるデザインアイデアや素材を集めました | Webクリエイターボックス

まだ6月ですが、暑いですねー！夏本番前に、夏っぽさを表現するデザイン・装飾ってどんなものかなーと調べてみたので、夏テイストのものをまとめました。参考になるデザインのWebサイトもいくつか紹介します！

https://www.webcreatorbox.com/inspiration/summer-design

使い勝手がよい無料イラスト素材サイト！身の周りにあるさまざまなモノや人がイラスト化 -エコのモト

リサイクル業に特化されたイラスト素材が無料でダウンロードできるサイトを紹介します。身の周りにあるさまざまなモノや人がイラスト化されています。

https://coliss.com/articles/freebies/freebies-illustration-economoto.html