2019.11.21スポンサーリンクもう2019年も終わりですね。ほんとあっちゅうまです。海外のSEO会社の記事ですが、2020年のWEBトレンドに関する記事があったのでめも。超しょぼい英語力でなんとか翻訳してるので、誤っている箇所があればご指摘お願いします。Hit」で挙げられている10のトレンド。ひとつずつ見てみます。太字+シンプルシンプルな背景に太字のメッセージどーん!はしばらく前からトレンドになってました。Appleも白背景に黒太文字ゴシックで見出しを置いています。outlookも突然大きな文字になっててびっくりした覚えがあります。背景は大きな写真を敷くかシンプルに一色か、ですね。https://outlook.live.com/owa/アニメーションとイラストレーション動きのあるサイトのトレンドはまだ続きそうですね。「ページ遷移の効果とパララックス」「マウスオーバーのアニメーション効果」「モバイルアニメーション」が例として挙がっています。中でもモバイルアニメーションの需要が大きくなりそうです。カスタムイラストも引き続き人気になりそうです。AIRのサイトのアニメーションが好きです。https://www.tombow.com/sp/monoair/非対称(アシンメトリ)レイアウトブロークングリッドレイアウトの人気を受けた感じでしょうか。参考元の記事では、ただの無秩序ではなく、「テキスト、スペース、その他の要素と完全にバランスが取れている」事が肝要と述べられています。Choromeの広告アドオンを提供したりしてる会社。DATAhttp://dada-data.net/アシンメトリ!!って感じの日本のサイトも見つけたのでひとつ。http://www.tacto.co.jp/雄弁なタイポグラフィ大きなだけでなく、より大胆で個性的なものがトレンドになると予想しています。Font(バリアブルフォント)」もありますし、表現の幅が大きく広がっているという事ですね。Fontについてはこの記事が参考になるかと思います。Playgroundです。簡単にいうと、1つのフォントファイルからいくつもの太さや幅、高さ角の丸さなどを変更できるものです。Playground」...!CSSグリッドもはや説明不要のモバイルファースト。CSSグリッドはfloatやFlexboxを使用せずにレスポンシブレイアウトに対応する手法です。この記事あたりが詳しいです。Layout)とは、ウェブサイトのレイアウトを構築するための新しい仕様です。今まではウェブサイトのレイアウトを実現するために、floatやFlexboxを使っていた方が多いのではないでしょうか。bothcss-tricks.comスケーラブルなベクターグラフィックスつまり「SVG」ですね。Language)で記述されたベクターイメージ用の画像形式の1つ。難しい事抜きに簡単に言うと、画像を拡大・縮小してもギザギザになったりせず綺麗に表示される、というもの。画像だけどテキストベースで書かれています。レイヤーの機能もあります。前にも紹介したかな?SVGだけじゃなく、色もジオメトリックなイラストもアニメーションも可愛い「wrk」のサイト。フランスのWEB制作会社さんです。ページ遷移もかわいい。https://waaark.com/ちなみにSVG、わたしも別のサイトで使用しています。色や形をすぐに変える事が出来るので使いこなせたらめちゃめちゃ便利なんです。こなせてないのが問題なんですが...手描き人間的で魅力的なものとして「手描き」が評価されているようです。いえば、わたし個人も、今年からWEBだけではなく紙媒体でも線画のイラストをよく使うようになりました。機械的なフォントや風景写真だけよりも親しみやすさが出ますしね。絵本仕立てのプロフィールムービーを作っている「エホニカ」さんのサイト。エホニカhttp://ehonica.jp/about/音声対応インターフェイススマートスピーカーの普及なので音声デバイスの使用が「当たり前」になるという予想です。「手動でクエリやリクエストを入力するのではなく、デバイスに直接話すのが便利」...そうですね、siriやアレクサはじゅうぶん浸透していますよね。「人工知能と高度な機械学習の注入により、よりターゲットを絞ったパーソナライズされたランディングページの提供が可能になる」、つまり閲覧者が自分の目的を探すのではなく、目的に合わせて作られたページがすぐに提供されるようになるという予想。閲覧者に合わせた動的なページ...というとAmazonを思い出してしまうのですけれども、あのサジェストもこれに当たりますよね。ブルータリズムWebデザイン少し前から目にするようになったブルータリズムデザイン。個性的でとがったデザイン、といったイメージでしたが、どうもそうではないらしい。「ブルータリズム」は基は建築用語で、「荒々しく余計な装飾が無い」様子を指すようですが、WEBの世界ではいくつか解釈が分かれているように感じます。Webデザインでも流行中!ブルータリズムデザインの起源とは...?【デザイナーは必見!】ブルームバーグが採用したことで、ブルータリズムは一躍大きなトレンドとなりました。さびれたような色使い、太く大きなシェイプ、巨大なタイポグラフィーなどがブルータリズムの特徴です。1900年代中盤に建築業界で起こったトレンドですが、その詳細を知るウェブデザイナーは意外と少ないのです。Design(ブルータリスト・ウェブ・デザイン)」です。「雑誌ではないが雑誌のような記事が載っている」「アプリケーションではないが商品の購入やユーザーとのやり取りに使える」「デー...gigazine.net斬新なものを指すのか小細工を使わないシンプルなものを指すのか...?まあ「デザインは斬新で機能は小細工なしでシンプル」ということなんでしょう、か。まとめデザインは「オリジナリティ」へ、細分化されて「個」へ、と進んでいくような感じですね...!ウェアラブルデバイスの浸透なども気になりますね、今年は。コピーnullllをフォローするnullllnullllog関連記事WEBFlexboxでよく使うレイアウト※レスポンシブサンプルつきFlexboxでよく使うレイアウトをメモしておきます。レスポンシブのサンプルコードつき。Generator」の使い方をサンプル付きでわかりやすく説明します。Generator」の使い方を分かりやすく説明します。WEB初心者向けに厳選!MITライセンス無料Bootstrap4テンプレートMITライセンスの初心者向け無料Bootstrap4(一部Bootstrap3)テンプレートを厳選して紹介します。HTML+CSSでカスタマイズしやすいものばかりです。WEB未経験から突然インハウスWEBデザイナーになったので未経験・40代で突然小さな会社のインハウスWEBデザイナーになったので、どんな勉強をしたか、どんなツールが役に立ったかを備忘録として残していこうと思います。WEB未経験からWEBデザイナーになった時、やったこと「自分にとって未経験からWEBデザイナーになった時に一番勉強になったことは何だろう」と考えながら書きました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。素材アーカイブ2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月おすすめサーバこのサイトでも使用しています。まとめAUTHOR書いた人nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。nullll14人気記事Cocoonをコーポレートサイトっぽくカスタマイズ!1トップページ編2019.10.152020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!6おまけ:新着情報編2019.11.262020.01.14Cocoonをコーポレートサイトっぽくカスタマイズ!7おまけ:ヘッダに電話番号編2019.12.122020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!2メニュー編2019.10.162020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!3料金表編2019.10.182020.01.09nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。Reserved.検索メニューWEBWORDPRESSWORKSいろいろプロフィールタイトルとURLをコピーしました。