Web制作お役立ち情報【随時更新！デジタルツール・テクノロジー関連】
弊社が毎週配信しているメルマガより、今知っておくべきWebマーケティングに関するニュースを厳選してお届けします！
カテゴリ分けして最適な情報のみ更新していきますので、スキマ時間にぜひ覗いてみてください。
ニュース記事一覧
GoogleTrendsでフレームワーク比較してみたよ！・・・あれ、でもなんだか様子が変だぞ？
2021.2.10 関連：Googleトレンド
Googleトレンドの落とし穴
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.4
2021.5.11 関連：UI,UX
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.4
- デザイン要素に一貫性を持たせる
- ホワイトスペースはたっぷり使用してください
- 冒頭のパラグラフをスタイルして、ユーザーを引き込む
- 短いパラグラフを効果的に使用する
- カラーパレットを定義し、デザインに統一感を持たせる
- アイコンをグリッドシステムで使用する際の注意点
才能、道具、センス不要！コピーライターの発想法「100案思考」
2021.4.15 関連：コピーライト
“とにかく大量のアイデアを出す”
Appleの「探す」アプリ、紛失防止タグ、電動自転車含むサードパーティー製品に対応 次期リリースではUWB使い方向も分かるように
2021.4.2 関連：AI
Appleは新たに用意した探索ネットワーク対応アクセサリープログラムを通じて、世界規模の広大な探索ネットワークをApple以外の周辺機器メーカーにも開放し、同探索サービスに対応する製品の開発を促すという。
朝日新聞社、長文を要約するAPIを無償公開 500字→200字に圧縮、重要事項の自動抽出も
2021.4.2 関連：AI
会議の議事録や、採用活動で受け付けるエントリーシートの速読などに役立てられる
ディズニー風加工アプリ「ToonMe」
2021.1.27 関連：アプリ
2021年に注目したいWebデザインの人気トレンド9個をピックアップ
ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ
2020.11.30 関連：WEBデザイン
「ToonMe」はアップロードした顔写真をディズニー映画風のイラスト写真に変換してくれるアプリです。変換された画像は最近のCG映画風から過去のアニメーション風に至るまでバリエーションがバラエティです。
2021年に流行するグラフィックデザインの最新トレンド12個まとめ
2021.1.12 関連：グラフィックデザイン
- 3Dグラフィック
- 絵文字を取り入れたデザイン
- ネイチャーインスパイアードデザイン
- 目の錯覚を取り入れたデザイン
- 3Dタイポグラフィ
- マンガ風のイラスト
- ゴールドデザイン
- ボクセルアート
- モノクロとデュオトーン
- 幾何学図形
- タイポグラフィカオスデザイン
- カラーレスデザイン
PDF の差分を表示するサイトを作った
2021.1.15 関連：WEBデザイン
PDF を使っていて「以前のバージョンからの変更点が手軽にわかったらいいのに」と思ったことはありませんか？
Diff PDFを使うと2つの PDF ファイルの違う部分が手軽にわかります。
これを使って差がある部分を漏れなくチェックできる
UXにおけるビジュアルデザインの5つの原則
2020.12.1 関連：デザイン,UX
- スケール
- 視覚的な階層
- バランス
- コントラスト
- ゲシュタルトの法則
相対的なサイズによって、その構図内の重要度とランクを示すこと
重要度の高い順にデザイン要素に注意が向くように、ページ上で視線を誘導すること
デザイン要素の配置や割合がある条件を満たすこと
ある要素が異なる（たとえば、異なるカテゴリに属している、異なる機能をもつ、異なる動作をするなど）という事実を伝えるために、視覚的に異質な要素を並置すること
個々の要素ではなく全体を認識するという我々の傾向をとらえたもの
WordPressプラグイン『Aurora Heatmap』 基本無料で高機能なヒートマップ解析 設定と機能解説
2020.11.9 関連：Wordpress
『Aurora Heatmap』は、ユーザーがサイト内でどのような行動を取っているのか、どの部分に興味を示しているのかを色分けし可視化するヒートマップという分析ツールを、無料で簡単に実装できるプラグインです。
コンバージョン率を最大化する、ランディングページの10のテクニック【完全保存版】
2020.11.19 関連：ランディングページ
- ファーストビューに「キャッチコピー・写真・申込アイコン」を入れる
- 広告原稿（ディスプレイ広告）とランディングページの「キャッチコピー・写真・CTA」を連動させる
- 「申込アイコン」の色は“緑”にして動きをつける
- オファー名称は「モニター」にする
- シナリオは“一に情報”、“二に商品提案”の流れにする
- 見出しにインパクトを持たせる
- 「お客さまの声」には“写真・本名・年齢・地域”を入れる
- 会社・ブランド紹介を入れる
- USPをしっかり伝える
- 申し込みフォーム手前に“追伸”を入れる
2020年のデザイントレンドと注目のWebサイト5選 | アドビUX道場
2020.11.9 関連：instagram
- ダークモード
- 写真とイラストレーションの組み合わせ
- ミニマリズムと余白
- 3D要素の活用
- 簡素化された最低限のナビゲーション
アクセス解析ツール「Googleアナリティクス」が機械学習による予測やGoogle広告との統合などで進化
2020.10.19 関連：Googleアナリティクス
ユーザーに説得力と感動を与える、モーションデザイン基本ガイド
2020.10.9 関連：Webデザイン
WEBサイト上の動きは、デジタルデザインのユーザー体験に大きな影響を与える。しかし、インターフェース要素にモーションデザインの基本原則をうまく取り入れなければ、使いやすさとなるユーザビリティは損なわれてしまう。
UXデザインに役立つ６つの心理学の法則
2020.9.23 関連：UX,心理学
- 馴染みのあるデザインにせよ
- 選択肢をしぼる
- シンプルに保つこと
- スマートなグルーピングを
- 強調は賢く
- 一からやり直しはしない
良質サンプル多数！Webの参考にしたい最新ウェブデザイン45個まとめ
2020.9.8 関連：トレンド
「イメージは決まっているけど、どこからはじめたらいいか分からない」といったときも、レイアウトや配色はもちろん、使用しているフォントやテクスチャなど、個別パーツごとに参考にしてみてはいかがでしょうか
35万以上のWordPressサイトに影響を与える重大な脆弱性が発見される、数日で45万回以上の攻撃が行われたという報告も
2020.8.27 関連：Wordpress
WordPressを利用してて、File managerというプラグインご利用の方、バージョンを6.9にアップデートされることを強くオススメします。
どんなプラグインが入っているかも分からないという方が下記のURLを制作会社さんに見て頂き確認頂くことをオススメ致します。
認知負荷の増加がWebサイトに与える悪影響
2020.7.31 関連：Google
- 親しみやすさが認知負荷を軽減する
- よく使われる一般的なインターフェイスのパターンを採用する
- ポジティブな感覚は認知負荷を軽減する
「GPT-3」は思ってたより「やばい」ものだった。話し言葉でプログラミングまでこなすAI
2020.7.22 関連：AI
GPT-3は「Generative Pretrained Transformer」の頭文字を取ったもので、1750億個のパラメータを使用した「文章生成言語モデル」。
「GPT-3」単体はあくまで「すごいテキスト生成器」でしかありません。
しかしそれを手にした人類は、あらゆる変化を世界にもたらしてくれるでしょうし、何より、思い描いていた「AIが人間の代替としてあらゆることをする世界」へ近づいてきた
世界最大規模。「スミソニアン博物館」の約280万点のデジタルデータが自由利用可へ
2020.7.2 関連：画像素材
歴史的人物の肖像画から恐竜の骨格の3Dスキャンまで、芸術、科学、歴史などの高解像度画像や研究データを一括してダウンロードできる。
Web制作参考アイデア集！話題の最新ウェブデザイン40個まとめ
2020.7.21 関連：デザイントレンド
「デザインのアイデアが見つからない」「見本サンプル例が欲しい」そんなときに活用したい世界中の最新ウェブデザイン実例
DNP、読む速度を約2倍にする自動レイアウト技術
2020.7.2 関連：ユーザビリティ
独自の文章表示アルゴリズムにより、読んでいる最中の目線の動きをスムーズに誘導し、読むスピードを向上させる文字レイアウト変換技術
無料で使えるヒートマップツールでブログサイト訪問者の行動を把握しよう
2020.7.2 関連：WEB改善,ヒートマップ
当社でも利用しているヒートマップツール。サイトページでどこで離脱したか解れば改善に繋げられます。
URLだけでOK！どんなWebサイトもコメント付きでシェア可能な「MarkUp」を使ってみた！
2020.7.1 関連：WEB改善
Webサイトのデザインや機能について、チーム内だけでなくさまざまな人と意見交換したいときに活用できるサービスになっています。 使い方に関しては究極にシンプルな設計
ウェブページを読む人の視線はどう動くのか、ウェブデザインやコンテンツ作成に役立つ調査結果が公開中
2020.6.26 関連：Webdesign
- 明確で目立つ見出しと小見出しをつけ、コンテンツを分割してラベル付けし、人々が興味のあるものを見つけられるようにする
- 情報を前方に配置し、また見出しやリンクをつけることでスキャンしている最中に即座に情報を理解できるようにする
- 平易な言葉でコンテンツを簡潔・明確にする
Webアイデアの宝庫！注目したい最新ウェブデザイン35個まとめ
2020.5.25
世界中の優れた実例サンプルを実際に見ることで、レイアウトはもちろん、配色やフォント、素材、実装プログラムなど、ページを構成しているデザインパーツなどの新しいアイデアを参考にしてみましょう
Look me
2020.5.25のメルマガでご紹介しました
「取材してほしい人」と「メディア・ライター」をつなぐ取材マッチングサービス
プロのように描ける!? 誰でも簡単に絵が描けるタッチ可能なブラシペン
2020.5.9 関連：デザイン
チラシなどにイラストを入れる際に活用できそうです
面倒から解放。「AI文字起こし」が800社以上で利用されるワケ
2020.2.12
「収録・文字起こし」「編集」「出力」という3つの機能を通じて、文字起こしの作業をサポートしてくれる。
生鮮食品を美味しそうに演出する専用LED照明「FOODEE」
2020.2.13
食材の特性に合わせた「生鮮食品スペシャル色」と、高い演色性で食材を演出する「高演色モデル」、計9種類の色温度が用意される。
いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ
2020.2.3
デザイン制作のインスピレーションや参考にしたい、2020年に入って注目を集めている最新ウェブサイトデザイン37個にまとめられています。
