After Effectsでアニメーションをつくるチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。デザイナーのみやです。 去年の暮れにようやっとFlashからAfter Effectsに移行しました。 結果、それまでけっこう時間がかかっていたアニメーション制作が格段に楽になったので、使えるようになるまでに勉強した基礎的なことを噛み砕いてお伝えします。 今回伝えたいこと After Effectsの基本的なこと 基本的なアニメーションの作りかた なぜデザイナーの僕がアニメーションを作っているのか デザイン提案の際にアニメーションを含めて提案するためです。 言葉よりも絵、絵よりも動画の方が伝えられるイメージの量も質も上がります。限られた期間で作り、限られた時間でプレゼンをする中で、不要なやり取りを極力減らし、魅力をより伝えられるのではないかと考えています。 最近のサイトは細かなところでもアニメーションしていることが多いですよね。「実装時にはグリグリ動きます」ではクライアン
意外と作っていない企業が多い！見積もりシミュレーターは、やっぱり便利！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ども、LIGのWebディレクター・ZIMAです。 見積もりシミュレーター作成のご相談を連続でいただいたこともあって、いろいろ調べてみました。その結果、ちょっとだけ見積もりシミュレーターに詳しくなったので、みなさんにも共有させてください！ そもそも「見積もりシミュレーターってなんぞや」という方はいますか？ 広報、総務、事務のだいたいの方は利用されているのではないでしょうか。またメーカーから直接、車の購入を検討されている方など、ネットの見積もりシミュレーターを使って、夢を膨らませているのではないでしょうか。……ちょっとだけ、イメージ湧いてきましたか？ では、見積もりシミュレーターって、いったいどのようなものなのでしょう。さっそく下記でご説明いたします！ 見積もりシミュレーターってどういうもの？ 見積もりシミュレーターとは、画面上のガイドに従って、順を追って選択項目を選んでいくと、根拠に基づいた
「Electron」を使って業務改善に役立つツールをつくってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
※この記事はLIGアドベントカレンダー2018の15日目です。 こんにちは。バックエンドエンジニアのまさくにです。 LIGにおいて逃れえぬ仕事のひとつに「LIGブログを書く」という作業があるのですが、僕の場合、この仕事の中に「マークダウンからLIGブログ用のフォーマットを作り出す」という非生産的な作業が含まれています。 僕はたいていの文章をマークダウンで書いていて、このブログ記事も一度マークダウンで書き出してから、WordPressに取り込み、それからLIGブログ用のhtmlに直して公開しているため、この置換作業をこれまでイヤイヤやってきました。 マ ジ な ム ダ。 そこで今回は、マークダウンからLIGブログ用のフォーマットへ変更するためのツールを考えたいと思います。 作りたいものと選定 単純に「マークダウンをhtmlに変更したい」っていうわけではありません。LIGブログには、たとえば下
Touch BarつきのMacBook Proを手に入れたとき、知っておきたいオススメの設定まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGに新しくjoinした、エンジニアのグッチと申します。 美味しいものを食べるのが生きがいで、昼はLIGビルの1階にあるキッチンでよくご飯を作って食べてます。 仕事としては、「door」というインフルエンサーマーケティングプラットフォームのメインエンジニアとしてインフラからバックエンド、そしてフロントエンドまでいろいろと。もっとスキルアップしつつ、なんでもできる人材として活躍できることを目標に頑張っています。 今回、入社に伴ってTouch BarつきのMacBook Proを一から設定することになったので、折角の機会と思いおすすめの設定をまとめてみました。 とりあえず目次をみて興味を引くものがあれば読んでみてください。Touch Barなしのモデルや、ラップトップじゃないモデルでも使える設定もあるはず。です。 設定をいじる前に 特にWindowsから乗り換えた人は戸惑うこと
コスパ最強のCMSはどれ！？Webサイト構築に必要な各機能を徹底比較！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
突然ですが、みなさんはCMSというシステムをご存じでしょうか？ CMSは、HTMLやCSSといったプログラミングに関する専門知識がなくても、誰でも簡単にWebサイトを作成することができるシステム。オウンドメディアを運用する企業が増えていることから、CMSのニーズは年々高まっています。 すでにある自社のWebサイトのデザインを、「今より見やすくしたい」「おしゃれにしたい」と考えている企業や新たにWebサイトを構築したい企業のなかには、CMSの種類がありすぎてどれを選べばいいのかわからない、ということも多いはず。サービスサイトを見比べても、結局どれがコストパフォーマンスが良いのかわからない……と思ったことありませんか？ 今回は、CMSの運営企業に取材し、サービスサイトの機能紹介だけでは掲載されていない、一歩踏み込んだ内容で比較記事を書きました。各社によって機能やオプションはさまざまですが、もっ
デザイナーにおすすめの非デザイン書（とWebやクリエイティブ界隈の方におすすめモチベーション爆上げ必至のアニメ） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 いきなりですが、デザイナーのみなさん、インプットしてますか？ 僕も毎日さまざまな方法（ギャラリーサイト・Pinterest・セミナー・Twitterなどなど）で情報を取り込んでいます。 ではデザイン以外の領域はどうですか？ 個人的にデザインのスキルや知識と同じくらい、それ以外の領域のインプットも重要だと感じています。 なぜならデザインはその領域の知識やスキルだけではなく、さまざまな知識や知見によるものの見方や切り取り方の結果だと思っています！（ってTwitterで見ました） デザインのスキルや知識だけでなく、広くアンテナを張って吸収していくことが大事です！（みたいです） 今回はデザイナーにおすすめしたい非デザイン書を紹介します。 興味ないよーって方は、さいごにWebやクリエイティブ界隈の方におすすめのアニメを紹介したのでそれだけ見てください！ それも興味ないよって方はもうごめ
デザイナーおじさんが女子力高めのデザインをするための10のアプローチ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。おじさんデザイナーのみやです。 デザイナーという仕事柄、女性向けのデザインをすることがあります。 駆け出しデザイナーのときはどうすればよいのかがまったくわからず、先輩の女性デザイナーから「女子力が足りないッ！」とよく言われていました。 そこから案件をこなしていく中で、なんとなくのアプローチ方法がまとまってきたので、いくつか紹介したいと思います。 女性向けデザインを考えるにあたって 主なインプットは雑誌です。 女性向けデザインはターゲットの年齢層によって結構変わります。雑誌自体もターゲットの年齢層は絞られているので、参考にするときはその年代の女性が読むであろう雑誌を参考にするようにしてください。 年代別の雑誌タイトルをまとめてみましたので参考までに。 年代別の雑誌タイトル 10代向け雑誌 『Seventeen（セブンティーン）』 『Popteen（ポップティーン）』 『ni
【東京のWeb制作会社編】WebクリエイターをうならせたWebサイト13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 株式会社LIGでWebディレクターのアシスタントとして修行中のきくりんです！ 「一流になるには、一流を知る必要がある」と、どこかで誰かが言っていた気がします。一流のWebディレクターを目指して、グッときたサイトは、なぜグッときたのかも考えながらインプットするよう心がけているのですが、そんななかでふと気になったことが。 「現場経験も長い先輩クリエイターたちはどんなサイトにグッときて、どんな着眼点で見ているんだろう？」 「Web業界でディレクターとして働く身として、他の制作会社さんのどこがどうすごいのかを知っておくべきでは？」 そこで、現場で働くLIGの先輩クリエイターに、グッときたサイトと、どういうところにグッときたのか、そのサイトを制作した会社も含めてアンケートをとって、まとめてみることにしました。 今回は東京にあるWeb制作会社編です！ 見やすくするため、サイトのタイプを
あの「Vue.js」が、悶々としていた新人エンジニア時代の僕を助けてくれたという話 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのライダーです。 ひと昔前は「フロントエンドは技術の進歩や流行が早い」といわれていましたが、それもずいぶんと落ち着いてきた気がしています（一方で、最近デザインツールめっちゃ出てない……？）。 突然ですが、今回はタイトルにもある通り「Vue.js」に助けてもらったという話をしたいと思います。 なんとなく悶々としていた 入社1年目の当時、僕はしばらく悶々としていました。その理由をあえて言語化すると、「なんか流行りに乗れてなさそう 」という、とてもとても表面的なものでした。主にフロントエンド技術周りの話です。 LIGのWeb事業部は主軸に受託のWeb制作を置き、事業を展開しています。 作るものは主にWebサイトです。コーポレートサイトやメディアサイト、キャンペーンサイトなどなど……、その種類は多岐に渡りますが、ほとんどがWordPressサイト。コーディング時
プロジェクト管理ツールが苦手なあなたへ「Torio」ならタスクや資料も楽々一括管理！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ある日のこと……  プロジェクト管理に失敗してしまった新人メディアディレクターのバンビさんが、先輩である僕（岩）のところに不安そうな顔でやってきました。
398988
ワイヤーフレーム作成、プロトタイプ、共有までを一元化！ Webディレクションの現場に革命を起こした「Adobe XD」の魅力とは こんにちは、Webディレクターのちゃんれみです！ 突然ですが、みなさんは「Webサイトのワイヤーフレーム作成」ってどのように進めていますか？ どの職種の人がどんなツールを使って作成するかって、会社やチームによって様々なんじゃないかと思います。 LIGの場合、デザイナー or Webディレクターが協力しながら作成することが多いです。 以前、Webディレクターユニットで「ワイヤーフレーム作成って、どのツールを使っていますか？」というアンケートをとったところ、こんな結果になりました。 LIGのWebディレクター陣がワイヤーフレーム作成に使っているツールのアンケート結果 なんと、まだ2017年10月に正式版がリリースされたばかりの「Adobe XD」がダントツの1位！
動きとレイアウトがイケてるWebサイト5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのタリーです。 僕は1日1サイト、その日、自分なりにいいと思ったサイトをストックしています。いいものを見る癖をつけることで、日々のデザインのクオリティーにもつながってくると考えるからです。 今回は日々のサイト収集したものから、動きがあることでデザインが映えるサイトをご紹介いたします。 それでは行ってみましょう！ おすっ！ 201° インテリア・建築のデザインを手がけるDRAFTが新たに立ち上げた、プロダクトブランドのサイトです。 スクロールの動きに合わせて画面全体のレイアウトが変化します。 スクロールで画像が収まっていくような動きで、サイトの世界観を表現しています。 スクロールスピードをあえて抑えることにより、 写真1枚1枚に目が行き届くようになっています。 https://201d.jp/ SUPERCROWDS Webデザイン、UI・UX設計、CI・VIデザイン
これはオススメしたい！『Google Chrome』拡張機能12選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターのともぞうです！ あっというまに夏が終わり、気づけば今年も残り少なくなってきて焦ります……。 今回は、業務効率化でかかせない Google Chrome の拡張機能をご紹介します！ 気が早いですが、年末の忙しい時期に向けて効率化を図りましょう！ 業務効率編 開いているページを一気に共有！ – Copy All Urls https://chrome.google.com/webstore/detail/copy-all-urls/djdmadneanknadilpjiknlnanaolmbfk 開いているタブのURLをクリップボードにコピーしてくれます。複数の URL を共有したいときに便利です。 デザイン確認後に修正してほしい URL のみをコピーしたりするときに利用します。 1クリックでページ全体のスクショができる – Full Page Screen Cap
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
