タグ 株式会社LIG
人気順 5 users 50 users 100 users 500 users 1000 users注目のWebデザイントレンド10選【2023】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
新年度も始まったということで、去年に引き続き注目トレンドのWebサイトをいっぱい見漁ってきました。 徐々に緩和されつつありますが、移動や外出が制限されていたこともあり、より刺激的な体験をインターネットに求める傾向がありました。また、社外だけではなく社内のコミュニケーションもオンラインが当たり前になっ... 続きを読む
簡単!CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは? 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に... 続きを読む
WordPressのプラグイン・ACF Extendedの機能の充実した機能を紹介 | 株式会社LIG
はいさい! エンジニアのうーまーです。沖縄からフルリモードでLIGでお仕事しています。 今回は、WordPressのカスタムフィールドプラグインとしてデファクトスタンダードなACFを拡張する、ACFのアドオンプラグインのご紹介です。 ACFはそれだけで神的な存在ですが、たまに「こういう機能もあったらいいなー」と思うこと... 続きを読む
【2022】注目のWebデザイントレンド13選 | 株式会社LIG
おつかれさまです。デザイナーのみやです。 Webデザインのトレンドは2〜3年ごとぐらいの大きな潮流がありつつ、既存のトレンドに一工夫加えたものが流行ったりと、メジャー/マイナー問わず刻々と変化していっています。新しい時代への対応だったり、世代の移り変わりによる好みの変化などにも影響されながら変わってい... 続きを読む
WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する? しない? これまでWordPressではXM... 続きを読む
WordPressでWP-CLIを使って記事移行とかを少し楽にする | 株式会社LIG
こんにちは、エンジニアのづやです。 ここのところ、「CSVからWordPressにデータを取り込みたい!」「ルールに沿って特定のカテゴリを違うカテゴリに付け替えたい!」などのお話を受けることが多かったので、苦労した点とかを共有したいと思います。 気軽なやり方 全然大したことない処理のときは、phpファイルを作って... 続きを読む
問い合わせから提案までを爆速に!Webサイト提案で使える分析解析ツール9選 | 株式会社LIG
こんにちは! デザイナー・ディレクターのありさんです。 お客様からのリニューアルのご相談、サイト改善を行うときに、営業提案資料を作っています。今回は資料作成で私が調査・分析に使っているWebツールを紹介します! NDA締結前はGoogleアナリティクスやGoogle Search ConsoleなどGoogle系ツールを共有してもらうこ... 続きを読む
作字テクニックのひとつ「文字を溶かす」を徹底解説します | 株式会社LIG
デザインしてて文字をばちっと決めたいときってありませんか メインビジュアルや見出しなどで、「文字(コピー)をばちっと決めたいッ!」ってときありますよね。そのときに普通の書体をそのまま置くと、 どうしてもデフォルト書体そのまま感が出ちゃうときってありませんか? もちろん出ちゃわないときもあります。でも... 続きを読む
今話題の副業人事って何?そんなことより、僕に彼女を紹介してよ。 | 株式会社LIG
こんにちは、LIGのイチローです。 今回、企業と副業人事のマッチングサービス「 採用モンスターズ」さんのオフィスにお邪魔しています。 代表のおっしーさんに伺いたいのですが、そもそも御社がやられている「副業人事の紹介サービス」とはどういったサービスなんでしょうか? 鴛海敬子(おっしー)採用モンスターの代表... 続きを読む
AdobeXDで画面設計資料を作るときに気をつけること・おすすめの作り方(前編) | 株式会社LIG
エクセルやパワポで作るよりもいろいろな利点があるため気に入っているのですが、思わぬところに落とし穴があったりと、いろいろ工夫が必要なところがあります。 そこで今回は、私がXDで画面仕様書を作る際に気をつけていることと、おすすめの作り方をご紹介します。 今回は下準備編です。 下準備その1:前提資料一式を... 続きを読む
デザイン制作のスピードを上げるために取り組んだこと7選 | 株式会社LIG
みなさんこんにちは! デザイナーのえびちゃんです。 デザイナーになると、制作物には必ず締め切りが存在しますよね。スクール通学時代など、デザインを勉強している段階ではたっぷり時間をかけてデザインに取り組むことが可能ですが、お仕事となるとそうはいきません……。 特にデザインの仕事に就いてまもないと、スピー... 続きを読む
canvasで大量の円がランダムに動くパーティクルを実装してみよう! | 株式会社LIG
こんにちは、フロントエンドエンジニアのぜんちゃんです。 最近はアニメーション表現を増やすために、canvasの勉強を始めました。そこで、今回はcanvasやJavaScriptの基本技術を使って、円がランダムに動くパーティクルアニメーションを実装したいと思います。 今回作るアニメーションはこちらです。 円を作成・描画する... 続きを読む
【2021】Photoshopで髪の毛を簡単に切り抜く方法!背景との馴染ませ方も紹介 | 株式会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回は私が業務で毎回使っている、時短で綺麗に髪の毛を切り抜く方法をご紹介します。色々試した結果、一番早く簡単な方法だと思っております。 また、切り抜くだけでは白いエッジが残ってしまって背景と馴染まないので、背景との馴染ませ方... 続きを読む
AdobeXDで更新しやすいテーブルの雛形を作ってみた〜コンポーネント・スタック・パディング機能の活用〜 | 株式会社LIG
こんにちは、Webディレクターのイナッチです。 今回は、Adobe XD(以下:XD)で更新しやすいテーブルのひな形を作りましたので、ご紹介します。 せっかくなのでなぜ更新しやすいテーブルを作ろうと思ったのか? なぜ作れたのか? などの背景も合わせてご紹介いたします。が、そんなことはいいから早くテーブルを見たい方... 続きを読む
早く言ってよ〜!CSSのtransformは同じ関数を複数回つかってもOKだった | 株式会社LIG
こんにちは、エンジニアのつっちーです。 .foo { transform: translateX(-50%) translateX(10px); } みなさんは、このCSSが有効であること、ご存じだったでしょうか。CSSのtransformプロパティでは、このように同じ関数を複数回使用できます。transformにはもう何年もお世話になってきたというのに、このことは最近にな... 続きを読む
リモートワーク中に3日ほど仕事をサボってキャンプをしてても、上司は気づかないのでは? | 株式会社LIG
こんにちは、LIGで新卒2年目の営業をしています、イチローです。 みなさんの会社はリモートワークですか? LIGはもう1年以上、基本的にリモートワークをしているんですが、最近思うことがあります。それは リモートワーク中にサボってても、上司はまったく気がつかないのでは? ということです。正直、世の中のリモート... 続きを読む
世の中に溢れる「うざい広告」をプロが徹底解説!マーケターは必見です | 株式会社LIG
みなさんこんにちは、LIGのマーケターのまこりーぬ(@makosaito214)です。 ネットサーフィンをしていると頻繁に出会う「うざい広告」ってありますよね。広告を制作、運用する立場としてこの手の広告がなぜ存在するのか、そして今後こういった広告はどうなっていくのかを、今回はしっかり勉強したいと思います。 今回講... 続きを読む
【2021】無料で商用利用可なフリーイラスト素材サイト33選 | 株式会社LIG
ファイル形式について 素材は使用用途に合わせて、ファイル形式を選んで※ダウンロードすることをおすすめします! とくにWebデザインの場合、画像の重さがサイトの表示スピードに関わってくるので、上手に使い分けたいところです。 ※ サイトによって用意されているファイル形式の数は異なります。 さらに詳しい違いや特... 続きを読む
サイトマップ(構造図)の作り方〜意識すべきこととアレンジ技5選 | 株式会社LIG
こんにちは、Webディレクターのイナッチです。 Webディレクターといえば、サイト制作プロジェクトの提案や要件定義のフェーズにおいて「サイトマップ」を作る機会が多くあります。とてもシンプルなフォーマットなので、誰でも作れるように思いがちですが、実は奥深く、取り組み甲斐のある作業の一つだと思っています。こ... 続きを読む
AdobeXDにGoogleスプレッドシートからテキスト情報を流し込むプラグインが便利すぎる | 株式会社LIG
こんにちは、LIGでWebディレクターをしているなべちゃんです。 Webサイトを制作する際に、クライアントや外部のライターさんにサイトに入れるテキストを依頼をする、というシーンは多いのではないでしょうか? LIGでもまだテキストが確定していないときは「テキストテキスト……」「ダミーダミー……」と、領域を確保してク... 続きを読む
Illustratorでイラスト描くときに便利なツールまとめ | 株式会社LIG
どうもデザイナーのナガレダです〜。社内デザインチームでLIGブログのアイキャッチやバナーの制作を行っています。 最近コロナの影響もあり、オフラインでの撮影の機会が減りました。アイキャッチなどでもイラストを描くことが増えてきています。 もともとイラストを描くことが好きで、趣味で描くときはイラストを描く専... 続きを読む
たった数分で環境構築が完了!TypeScriptでWebアプリケーション開発ができるフレームワーク「frourio」が本当に手軽だった。 | 株式会社LIG
こんにちは、エンジニアのづやです。 突然ですがエンジニアのみなさん、TypeScriptに触れた経験はありますか? TypeScriptはGitHubが毎年発表しているランキングで今年4位に急上昇したくらい、もっともアツいプログラム言語の1つです。 出典:https://octoverse.github.com/ しかし、いざ試してみようと思っても、 フレ... 続きを読む
「地元に帰る理由をつくりたい」LIGを辞めて起業した、のびすけが語る想い | 株式会社LIG
こんにちは、LIG代表のゴウです。 LIGを数年前にやめてdotstudio株式会社を起業したのびすけっていうイケてるやつがいるんですが、今回そんなのびすけに青森県十和田市でばったり会ったのでインタビューしてみました。 ちなみに、同じタイミングでLIG OBのしょーり君にもインタビューしたので、よかったらそちらもどうぞ... 続きを読む
Webサイトリリース前後におこなっている忘れがちな確認事項まとめ | 株式会社LIG
こんにちは、Webディレクターのともぞうです。 今回はWebサイトのリリース前後に最低限おこなっている確認作業を一部ご紹介します。 LIGでは、リリース後でないと確認できないことや、案外忘れがちなものを「最低限おこなうものリスト」として管理しています。あくまで忘れがちなものたちの確認のため、クロスブラウザテ... 続きを読む
【初心者向け】ひと手間でデザインの物足りなさを解消する方法まとめ | 株式会社LIG
こんにちは、新人デザイナーのナガレダです! 社内制作チームでLIGブログのアイキャッチやバナーなどを作っています! 日々デザイナーの先輩にフィードバックしていただき、発見と学びのある毎日です。 皆さんはデザインをしているときに、「ラフの通りに作っているのに何か物足りないな」と感じることってありませんか... 続きを読む