アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK！ ユニーク万歳！ でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナルさが伝わるアイキャッチに変えていこうと試行錯誤をしています。 新たなLIGらしいアイキャッチはなんだろうと考えたときに「まずは世の中にある素晴らしいアイキャッチを知ることから始めよう！」と思い、他企業・他メディアのアイキャッチの分析を始めました。 今回はクオリティの高いアイキャッチのWebメディアを37個紹介します。 アイキャッチを制作するデザイナーの方、メディアサイトを制作されている方、アイキャッチのディレクションをする方にとって参考になれば幸いです！ 紹介したいWebメディアが
【作例付き】WebデザインにおけるAdobe After Effects活用法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は後編ということで、モーションデザインの作り方を実例を元に紹介していきたいと思います。実際のサイトに使うには色々足らないですが、After Effectsで制作する際のテクニックを交えて解説していきます。 この記事はこんな方におすすめです モーションデザインに興味がある Webサイトのアニメーションを自分で作ってみたいデザイナー After Effectsを触ってみたい また、制作にあたってこちらのサイトを参考にさせていただいております。様々なモーションの作例を周期表に見立てて紹介していて、ダウンロードもできるためどのように制作すれば良いかも見れるようになっています。 画像引用元：モーション周期表 Webデザインでモーションデザインを利用する機会 デザイナーがモーションデザインをWebデザインに取り入れる機会としては以下があるかなと思います。 デザインの提案 エンジニアとの共有 動画ま
オウンドメディアに人を集めるには？7つの集客方法とポイントを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。外部メディアコンテンツ制作チームのモッチーです。 オウンドメディアの立ち上げや運営において、継続的に集客していくことはとても難しいことです。特に現在は様々なメディアが世の中に存在し、日々膨大なコンテンツが世の中に発信されていることから、集客に繋げることがいっそう難しくなっていると感じます。 今回は、そんななかでも成果を出すためのオウンドメディアの集客方法ついて、日頃から意識することやチャネルの選択、設計ポイントを紹介していきます。 「オウンドメディアを運営してるけどなかなか成果がでない」「どう施策を立てるかわからない」などでお困りではありませんか？ ・SEO対策で自然流入が14倍。うち10位以内は0％→7％に ・認知拡大を目的とするオウンドメディアで、コンテンツ企画〜制作までを継続的に支援し、月間40万PVまで成長 など、15年近くオウンドメディアの運営・支援をおこない実績をだ
WebアニメーションはLottieがオススメ！基本の使い方完全ガイド【2020年版】
最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie（ロッティー）って何？ 2. Lottieを利用するメリットは？ 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア
動画マーケティングの目的＆効果とは？メリット・デメリットと活用事例 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGブログ編集部です。 業界やメディアを問わず、数々の成功事例からなにかと話題の動画マーケティング。 挑戦したい思いはあるものの、何から手をつければ良いかわからない……そんなお悩みはありませんか？ 動画コンテンツが身近になったいまだからこそ、自社でも動画を用いたマーケティングを始めてみたい。そう考えている方も多いのではないでしょうか？ しかし、目的や効果をきちんと把握したうえで適切な方法を取らなければ、動画マーケティングを成功に導くのは難しいものです。こちらでは、動画マーケティングの効果と、成功のカギである動画制作の方法などを解説していきます。 【関連記事】 （※この記事は株式会社オープンエイトの提供でお届けします） 動画マーケティングとは 動画マーケティングとは、映像を用いたコンテンツによって、商品やサービスに対する顧客の関心を高めることを目的としたマーケティング手法です
没入感ハンパない「映像×Web」サイト7選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、はじめまして。ペンネです。パスタの麺のペンネです。 私は２月にLIGにジョインする前は、福岡と東京で映像制作をやっていました。 中でも、広告の映像制作に従事していた期間が長く、広告って響きを耳にするだけでわくわくします。 「響くアウトプットってなんだろう？」と、響く広告を探して、歩いているときも、電車に乗っているときも、いつもキョロキョロしてしまいます。 今回はディレクター連載の「ディレクターズブックマーク」第１回目として、映像畑出身の私からみた映像とWebがマッチした没入感半端ないサイトを独断と偏見で７つご紹介いたします。 没入感ハンパない「映像×Web」７選 1. 清水へ参る道 http://feel.kiyomizudera.or.jp/ ローディング画面からしっとりと、京都・清水の雰囲気をしっかり演出しており、普段ならさくさくclick enterを押してしまいそうです
動画やスライド資料で学ぶ！Web制作・プログラミング学習サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 最近、夜会社に1人でいると急にシュレッダーが動き出したり、エレベーターで押してもない階に止まって扉が開かずに再び動き出すなど、すごく怖いというわけでもないけど微妙に変な現象に巻き込まれることが増えています。 アドマスターのきょうへいです。 最近はWeb上でさまざまなことが学べるようになりましたよね。 少し調べると便利なサービスがたくさんあったので紹介させていただきます。 動画＆スライド資料でWeb制作やプログラミングを学べる学習サイトまとめ schoo https://schoo.jp/ Webに関する生放送授業を無料で受講できるサービスで、LIGメンバーも何度もお招きいただいて大変お世話になっています。 毎日さまざまな授業を生放送で受講することができます。 学べる内容も幅広く、大きく分けて「デザイン」「WEB開発」「ビジネス」「英語」「スタートアップ」「カルチャー」という6
10 Japanese websites with beautiful video | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
A video tells more than a thousand words. With HTML5 / embedded video as feature content or as a background effect there is no need to rely only on still images and text to tell your story. In Japan the use of video in web design has become popular and in 2015 the trend will continue to gain pace. Here are some of my best picks for websites from Japan that you may not have seen, all of them share
背景に動画を使ったWebサイトの作り方
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
見ているサイトの画像・動画などを自動でダウンロードして保存するフリーソフト「WebSiteSniffer」
見ているサイトの画像を保存するための右クリックや動画を保存するための操作などの手間を省き、サイトにアクセスして見たものなどすべてを自動で保存してくれるソフトが「WebSiteSniffer」です。HTML・Text・XML・CSS・Images(画像)・Scripts・Video（動画）・Audio（音声）・Flashなどを自動で保存してくれます。ダウンロードと操作方法は以下から。 WebSiteSniffer http://www.nirsoft.net/utils/web_site_sniffer.html ◆ダウンロード 上記サイトのサイドバーをドラッグして一番下へ移動し、Windowsの64bit版を使用しているので、ここでは「Download WebSiteSniffer (x64 version)」をクリック。 保存したZIPファイルをExplzhなどで解凍して、「WebSit
25+ Premium WordPress Video Themes – WPSmash
I created a showcase of 26 Premium WordPress themes designed for video sites that will help you if you need a good theme that will allow you to do music, videos and blog post. It’s kind of hard to find one that has this combination so why I did this article of the best video WordPress themes I found all over the sites. The theme quality is the biggest priority so I drew attention to every detail i
動画で情報を提供する際の注意点 (ユーザビリティ実践メモ)
サイト内で動画を使って情報を提供する手法には、 ・ 情報をより具体的に伝えることができる ・ 表現が豊かになり、より強いインパクトを与えることができる といったメリットがあり、主にニュースやエンターテイメント性の高いコンテンツの提供に適しています。 本日はこの「動画での情報提供」を行う際に配慮すべき点について整理しました。 １．テキスト情報をあわせて用意する読み込みに時間がかかる動画コンテンツは、再生が開始されるまでにどうしてもユーザを待たせてしまいます。ネットブックやスマートフォンがますます普及すれば、このケースはより多くなるでしょう。 テキストや画像によるキャプションや補足説明など、動画以外の情報もあわせて用意することで、動画再生までの待ち時間にユーザの興味がそがれないよう配慮することが重要です。 ２．最初の数秒で、ユーザの心を捉える必要のない動画を長時間見せられることはユーザにとって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
|| Social Media Sizes 2023 + Templates ||
WebデザインやHTMLやCSSを基礎からしっかりと学べる動画コンテンツ、日本語解説だから分かりやすい！