SEO対策において、ページの表示速度は注意すべき指標の1つです。 ページの読み込みに3秒以上かかると50%以上のユーザーが離脱してしまうと言われており、たった数秒の違いで与える影響の大きさは計り知れま…
WebサイトはSEO対策も重要ですが、SNSを活用したマーケティングも非常に重要です。 特にメディアやブログなどは、投稿にSNSシェアボタンを設置することにより、SNSからのアクセスアップを増やすこと…
最近では色々なサービスが登場して、オンラインでWebデザインを学ぶためのサービスも数多く登場してきました。 今回は、オンラインでWebデザイン・Web制作が学べるおすすめのサービスをご紹介していきたい…
Webデザイナーは、様々な表現を使ってWebサイトを作り上げるという多くの人が憧れる職業の1つです。 しかし、一言にWebデザインと言っても学ばなければならないことがたくさんあり、勉強しようと思っても…
2020年7月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 MAISO…
CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 レイアウトを作成する方法は他にもCSS Grid Layoutや、inline-blockを使用する方法…
リモートワークへの切り替えによって働き方が大きく変わった方も多いかもしれませんが、そうなってくるとより重要となるのが、業務効率化です。 これからは「働いた時間」ではなく、「アウトプットの質と量」によっ…
Adobe XDの2020年6月アップデートが公開されました。このアップデートには、これまで要望も多かった画面の一部分だけスクロールできる機能なども含まれています。 今回は、2020年6月のAdobe…
Relateは、デザインしながらコードが書けるWeb制作のためのツールです。 以前からサービス自体は発表されていましたが、ついに先日プレビュー版が公開されました。正式リリースは2020年夏頃を予定して…
Webサイトで画像を表示する場合に、用意された画像のサイズと表示したいサイズが異なることはよくあります。 もちろん、自分でトリミングした方が最適なサイズでアップロードできるというメリットもありますが、…
WordPressを使えば、あまりWebに詳しくない方でも簡単にポートフォリオサイトを作ることができて、管理画面から簡単にコンテンツを更新することができます。 今回は、ポートフォリオサイトにおすすめの…
WordPressの便利な機能の1つが、カスタム投稿タイプです。これによって、1つのサイトの中で複数のタイプの投稿を管理することができます。 ただ、設定項目が少し多く、パーマリンクの設定なども少し複雑…
Font Awesomeと言えば、Web上でアイコンを表示することができる人気サービスです。 そんなFont Awesomeから、新たに「Font Awesome 6」の登場が発表されました。 現在は…
Webデザインの学習を行う上で2020年最新のおすすめの本を下記の4つのステップに分けて、合計10冊を選びました。 デザイン基礎知識 Webデザインの基本知識 HTML/CSS(+ JavaScrip…
2020年6月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 100 D…
現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま…
Framerは、人気のUIデザインツールの1つです。日本でのシェアはあまり高くないかもしれませんが、機能が豊富で非常に魅力的な点も多いです。 そんなFramerですが、先日ブラウザ上で動作するWeb版…
CSS Grid Layoutを使えば、他の方法と比べてシンプルにコードを記述することができたり、柔軟なレイアウトを作ることができます。 知っておくと役立つテクニックや、ジェネレーター、CSSフレーム…
CSS Grid Layoutは、CSSで柔軟にレイアウトを作ることができる便利なレイアウト手法です。 しかし、Flexboxと比べてブラウザ対応が遅れているなど、推奨環境について気になる方も多いので…
2020年5月19日、Adobeから「Adobe XD検定(ベータ版)」が公開されました。現在はベータ版ですが、XD検定を通して自分の理解度をチェックすることができます。 全部知っているつもりでも、意…
2019年も様々なデザインのWebサイトが公開され、Web制作者にたくさんの刺激を与えてくれました。 Webデザインを行う上で、トレンドに則ってデザインすることは必ずしも必要なことではありません。しか…
2020年の初め頃から、新しいデザインのトレンド「ニューモーフィズム(Neumorphism)」が注目を集めています。 シンプルながらもデザイン性に富んでいて、今後色々なサービスでニューモーフィズムが…
CSS Grid Layoutは、CSSによるレイアウト手法の1つです。様々なレイアウトをこれ1つで実装することができます。 ただ、覚えなければならないことも多く、初心者の方にとっては少し難しく感じる…
2020年5月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 Polly…
© 2023 Web Design Trends