Web Design Trends

Webに関わるすべての人のためのメディア

Page 5 of 17

WordPressサイトを高速化するための9つの方法

SEO対策において、ページの表示速度は注意すべき指標の1つです。 ページの読み込みに3秒以上かかると50%以上のユーザーが離脱してしまうと言われており、たった数秒の違いで与える影響の大きさは計り知れま…

簡単!WordPressサイトにSNSシェアボタンを追加する方法

WebサイトはSEO対策も重要ですが、SNSを活用したマーケティングも非常に重要です。 特にメディアやブログなどは、投稿にSNSシェアボタンを設置することにより、SNSからのアクセスアップを増やすこと…

2020年版:オンラインでWebデザインが学べるおすすめサービスまとめ

最近では色々なサービスが登場して、オンラインでWebデザインを学ぶためのサービスも数多く登場してきました。 今回は、オンラインでWebデザイン・Web制作が学べるおすすめのサービスをご紹介していきたい…

初心者が独学でWebデザインを勉強するための学習ガイド

Webデザイナーは、様々な表現を使ってWebサイトを作り上げるという多くの人が憧れる職業の1つです。 しかし、一言にWebデザインと言っても学ばなければならないことがたくさんあり、勉強しようと思っても…

2020年7月:デザインの参考にしたいWebサイト12選

2020年7月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 MAISO…

もう迷わない!CSS Flexboxの使い方を徹底解説

CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 レイアウトを作成する方法は他にもCSS Grid Layoutや、inline-blockを使用する方法…

2020年版!業務効率化に役立つおすすめサービスまとめ【リモートワークにも】

リモートワークへの切り替えによって働き方が大きく変わった方も多いかもしれませんが、そうなってくるとより重要となるのが、業務効率化です。 これからは「働いた時間」ではなく、「アウトプットの質と量」によっ…

Adobe XDの6月アップデートが登場!スクロールグループやスタックなど

Adobe XDの2020年6月アップデートが公開されました。このアップデートには、これまで要望も多かった画面の一部分だけスクロールできる機能なども含まれています。 今回は、2020年6月のAdobe…

デザインしながらコードが書ける「Relate」のプレビュー版を使ってみた感想

Relateは、デザインしながらコードが書けるWeb制作のためのツールです。 以前からサービス自体は発表されていましたが、ついに先日プレビュー版が公開されました。正式リリースは2020年夏頃を予定して…

CSSだけで画像をトリミングできる「object-fit」の使い方

Webサイトで画像を表示する場合に、用意された画像のサイズと表示したいサイズが異なることはよくあります。 もちろん、自分でトリミングした方が最適なサイズでアップロードできるというメリットもありますが、…

おしゃれなポートフォリオが作れるWordPressテーマ10選

WordPressを使えば、あまりWebに詳しくない方でも簡単にポートフォリオサイトを作ることができて、管理画面から簡単にコンテンツを更新することができます。 今回は、ポートフォリオサイトにおすすめの…

【WordPress】カスタム投稿タイプの基本と使い方を徹底解説!パーマリンクのカスタマイズ方法も

WordPressの便利な機能の1つが、カスタム投稿タイプです。これによって、1つのサイトの中で複数のタイプの投稿を管理することができます。 ただ、設定項目が少し多く、パーマリンクの設定なども少し複雑…

Font Awesome 6がもうすぐ提供開始!新たなアイコンの種類やスタイルの登場も

Font Awesomeと言えば、Web上でアイコンを表示することができる人気サービスです。 そんなFont Awesomeから、新たに「Font Awesome 6」の登場が発表されました。 現在は…

2020年版:Webデザインの勉強におすすめの本・書籍10冊+α

Webデザインの学習を行う上で2020年最新のおすすめの本を下記の4つのステップに分けて、合計10冊を選びました。 デザイン基礎知識 Webデザインの基本知識 HTML/CSS(+ JavaScrip…

2020年6月:デザインの参考にしたいWebサイト10選

2020年6月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 100 D…

2020年版:おすすめの人気UIデザインツールを徹底比較!【Figma / XD / Sketch】

現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま…

Framerにブラウザ版が登場!Figmaとの違いは?改めて特徴をまとめてみた

Framerは、人気のUIデザインツールの1つです。日本でのシェアはあまり高くないかもしれませんが、機能が豊富で非常に魅力的な点も多いです。 そんなFramerですが、先日ブラウザ上で動作するWeb版…

CSS Grid Layoutを使った便利なテクニックやツールなど

CSS Grid Layoutを使えば、他の方法と比べてシンプルにコードを記述することができたり、柔軟なレイアウトを作ることができます。 知っておくと役立つテクニックや、ジェネレーター、CSSフレーム…

2020年版:CSS Grid Layoutの対応ブラウザやベンダープレフィックスについて解説!

CSS Grid Layoutは、CSSで柔軟にレイアウトを作ることができる便利なレイアウト手法です。 しかし、Flexboxと比べてブラウザ対応が遅れているなど、推奨環境について気になる方も多いので…

Adobe XD検定が登場!あなたはどこまで使い方を知ってる?

2020年5月19日、Adobeから「Adobe XD検定(ベータ版)」が公開されました。現在はベータ版ですが、XD検定を通して自分の理解度をチェックすることができます。 全部知っているつもりでも、意…

2020年に流行するWebデザインの最新トレンド15個まとめ

2019年も様々なデザインのWebサイトが公開され、Web制作者にたくさんの刺激を与えてくれました。 Webデザインを行う上で、トレンドに則ってデザインすることは必ずしも必要なことではありません。しか…

ニューモーフィズムとは?デザイン方法やルールのまとめ

2020年の初め頃から、新しいデザインのトレンド「ニューモーフィズム(Neumorphism)」が注目を集めています。 シンプルながらもデザイン性に富んでいて、今後色々なサービスでニューモーフィズムが…

一番分かりやすいCSS Grid Layoutの使い方ガイド

CSS Grid Layoutは、CSSによるレイアウト手法の1つです。様々なレイアウトをこれ1つで実装することができます。 ただ、覚えなければならないことも多く、初心者の方にとっては少し難しく感じる…

2020年5月:デザインの参考にしたいWebサイト12選

2020年5月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 Polly…

RECOMMENDED

© 2023 Web Design Trends