注目のWebデザイントレンド15選【2024】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

2024/12/16 7 users リク DX支援 注目 システム開発・Web制作

こんにちは！ インハウスデザイナーのまっつーです。 2024年も残すところあとわずかですね。 今年のWebデザイン業界は、生成AIの進化で制作方法が大きく変わった一方で、手書き風のイラストやノスタルジックデザインなど、人間らしい温かみのあるWebサイトを多く見かけました。デジタルな表現と人間的な表現が共存した興... 続きを読む

Figma Sidesがすごい！特徴や使用感を紹介します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

2024/10/31 8 users リク DX支援 特徴 システム開発・Web制作 使用感

新卒ブログとは？ 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 UI/UXのデザインツールとして知られるFigmaですが、ホワイトボード機能を持つ「FigJam」に続き、今年6月に新たなプロダクト「Figma Slides」が登場... 続きを読む

【実例付き】Photoshop(フォトショ)のスーパー解像度の使い方・注意点| 株式会社LIG

2024/03/12 8 users フォトショ Photoshop 悪い... スーパー解像度

こんにちは、Webデザイナーのまっつーです。 フォトショ(Photoshop)のスーパー解像度の使い方について、実際の画像をお見せしながらわかりやすく紹介していきます。 この記事を読めば「提供された画像の画質が悪い…」「古い写真を使いたいが画質が悪い…」といった悩みが解決できます。 Photoshopのスーパー解像度とは 「... 続きを読む

DALL-E×ChatGPTでUIデザインを作成して実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

2023/12/26 9 users リク OpenAI chatgpt ジョシュ DALL-E

こんにちは、Technology部のジョシュです。 今回は、OpenAIのDALL-EとChatGPTを使用して、UIデザインからコーディングまで行う方法を紹介します。 DALL-Eはテキストからリアルな画像を生成できるAIツールですが、添付された画像を分析し、それをもとにコードを生成することもできます。 本記事ではDALL-Eを使ってUIデザ... 続きを読む

注目のWebデザイントレンド10選【2023】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

2023/05/09 16 users リク DX支援 注目 システム開発・Web制作

新年度も始まったということで、去年に引き続き注目トレンドのWebサイトをいっぱい見漁ってきました。 徐々に緩和されつつありますが、移動や外出が制限されていたこともあり、より刺激的な体験をインターネットに求める傾向がありました。また、社外だけではなく社内のコミュニケーションもオンラインが当たり前になっ... 続きを読む

アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

2022/11/16 9 users リク DX支援 参考 システム開発・Web制作

こんにちは！ インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK！ ユニーク万歳！ でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナル... 続きを読む

簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG

2022/06/08 99 users font-feature-settings CSS DTP

グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に... 続きを読む

WordPressのプラグイン・ACF Extendedの機能の充実した機能を紹介 | 株式会社LIG

2022/06/03 11 users Extended LIG ACF フルリモート さい

はいさい！ エンジニアのうーまーです。沖縄からフルリモードでLIGでお仕事しています。 今回は、WordPressのカスタムフィールドプラグインとしてデファクトスタンダードなACFを拡張する、ACFのアドオンプラグインのご紹介です。 ACFはそれだけで神的な存在ですが、たまに「こういう機能もあったらいいなー」と思うこと... 続きを読む

【2022】注目のWebデザイントレンド13選 | 株式会社LIG

2022/04/27 23 users 注目

おつかれさまです。デザイナーのみやです。 Webデザインのトレンドは2〜3年ごとぐらいの大きな潮流がありつつ、既存のトレンドに一工夫加えたものが流行ったりと、メジャー／マイナー問わず刻々と変化していっています。新しい時代への対応だったり、世代の移り変わりによる好みの変化などにも影響されながら変わってい... 続きを読む

これからのコンテンツSEOはどうなる？ SEOのプロ・ミエルカの月岡さんに聞きました！ | 株式会社LIG

2022/03/10 7 users SEO コンテンツSEO コンテンツマーケティング 達人 日々

エディターの平林享子（きょうこ, @cloverbooks）です。日々、コンテンツマーケティングに勤しんでおります。 さて、SEOの達人に「これからのSEOについて聞く」シリーズ。第1弾はこちら👇 第2弾は、SEOツール「ミエルカ」で知られるFaber Companyのエグゼクティブ・マーケティング・ディレクター、月岡克博さんにご登場... 続きを読む

WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG

2022/01/13 13 users WordPress 紹介 標準 XMLサイトマップ 執筆中

WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXM... 続きを読む

WordPressでWP-CLIを使って記事移行とかを少し楽にする | 株式会社LIG

2021/11/15 21 users CSV wp-cli phpファイル エンジニア 特定

こんにちは、エンジニアのづやです。 ここのところ、「CSVからWordPressにデータを取り込みたい！」「ルールに沿って特定のカテゴリを違うカテゴリに付け替えたい！」などのお話を受けることが多かったので、苦労した点とかを共有したいと思います。 気軽なやり方 全然大したことない処理のときは、phpファイルを作って... 続きを読む

問い合わせから提案までを爆速に！Webサイト提案で使える分析解析ツール9選 | 株式会社LIG

2021/11/07 19 users 爆速 提案 問い合わせ

こんにちは！ デザイナー・ディレクターのありさんです。 お客様からのリニューアルのご相談、サイト改善を行うときに、営業提案資料を作っています。今回は資料作成で私が調査・分析に使っているWebツールを紹介します！ NDA締結前はGoogleアナリティクスやGoogle Search ConsoleなどGoogle系ツールを共有してもらうこ... 続きを読む

作字テクニックのひとつ「文字を溶かす」を徹底解説します | 株式会社LIG

2021/10/28 10 users 徹底 文字 メインビジュアル ハチ 書体

デザインしてて文字をばちっと決めたいときってありませんか メインビジュアルや見出しなどで、「文字（コピー）をばちっと決めたいッ！」ってときありますよね。そのときに普通の書体をそのまま置くと、 どうしてもデフォルト書体そのまま感が出ちゃうときってありませんか？ もちろん出ちゃわないときもあります。でも... 続きを読む

今話題の副業人事って何？そんなことより、僕に彼女を紹介してよ。 | 株式会社LIG

2021/09/29 17 users 彼女 話題 LIG マッチングサービス イチロー

こんにちは、LIGのイチローです。 今回、企業と副業人事のマッチングサービス「 採用モンスターズ」さんのオフィスにお邪魔しています。 代表のおっしーさんに伺いたいのですが、そもそも御社がやられている「副業人事の紹介サービス」とはどういったサービスなんでしょうか？ 鴛海敬子（おっしー）採用モンスターの代表... 続きを読む

【2021年最新】4大SNSのユーザーについて学ぼう ― 目的・ターゲット別で効果的なPR戦略を！ | 株式会社LIG

2021/09/24 8 users PR戦略 ユーザー ダイレクトレスポンスマーケティング マー

こんにちは、エディターのあっきーです。この記事にたどりついたということは、「SNSって色々あるけど、それぞれどんなユーザーが利用してるの？」「男女比は？ 年齢層は？」などのお悩みを持っているのではないかと予測しています。 ダイレクトレスポンスマーケティングの世界的第一人者であるダン・ケネディ曰く、マー... 続きを読む

【超簡単】WPでブロックエディタを自作できる、ACFとは？手順も解説 | 株式会社LIG

2021/09/10 5 users ACF 省略 ブロックエディタ 御徒町 手順

こんにちは！「御徒町」を「つれづれまち」と読んでいたバックエンドエンジニアのまうみです。 今回はみんな大好きなWordPressプラグイン「Advanced Custom Fields PRO」（以下、ACFと省略）を使った、自作ブロックエディタの設定方法を紹介したいと思います。 ブロックエディタを自作する方法はいくつかあります。しか... 続きを読む

AdobeXDで画面設計資料を作るときに気をつけること・おすすめの作り方（前編） | 株式会社LIG

2021/08/22 10 users パワポ AdobeXd 落とし穴 エクセル 利点

エクセルやパワポで作るよりもいろいろな利点があるため気に入っているのですが、思わぬところに落とし穴があったりと、いろいろ工夫が必要なところがあります。 そこで今回は、私がXDで画面仕様書を作る際に気をつけていることと、おすすめの作り方をご紹介します。 今回は下準備編です。 下準備その1：前提資料一式を... 続きを読む

Docker+WordPressでXdebugを使う手順 | 株式会社LIG

2021/07/29 6 users Xdebug macbookpro 直入 IDE 最強

こんにちは。小林です。 単刀直入に言いますと、この記事を読むと「Docker+WordPress」の環境でXdebugを使えるようになります。早速ですが説明していきます。 はじめに まず私の開発環境の紹介です。 （マシンは6年前にフルスペックだった）MacbookPro （IDEがないと何もできないので個人的に最強のIDEだと思っている）P... 続きを読む

「自分でやった方が早い病」を克服したい。 | 株式会社LIG

2021/07/22 8 users 早い病 LIG 自分 マーケター ふだん

こんにちは、LIGのマーケターのまこりーぬ（@makosaito214）です。 ふだんはマーケティング関連の記事ばかり書いている私ですが、今回はめずらしく自分自身について文章を書こうと思います。LIGブログは100本以上書いてきたものの、自分のことを綴るのは実は2回目です（笑）。1本目はLIGでマーケティング職として働くお... 続きを読む

デザイン制作のスピードを上げるために取り組んだこと7選 | 株式会社LIG

2021/07/19 11 users スピード デザイン制作 7選

みなさんこんにちは！ デザイナーのえびちゃんです。 デザイナーになると、制作物には必ず締め切りが存在しますよね。スクール通学時代など、デザインを勉強している段階ではたっぷり時間をかけてデザインに取り組むことが可能ですが、お仕事となるとそうはいきません……。 特にデザインの仕事に就いてまもないと、スピー... 続きを読む

canvasで大量の円がランダムに動くパーティクルを実装してみよう！ | 株式会社LIG

2021/07/13 20 users canvas パーティクル パーティクルアニメーション 勉強

こんにちは、フロントエンドエンジニアのぜんちゃんです。 最近はアニメーション表現を増やすために、canvasの勉強を始めました。そこで、今回はcanvasやJavaScriptの基本技術を使って、円がランダムに動くパーティクルアニメーションを実装したいと思います。 今回作るアニメーションはこちらです。 円を作成・描画する... 続きを読む

【2021】Photoshopで髪の毛を簡単に切り抜く方法！背景との馴染ませ方も紹介 | 株式会社LIG

2021/07/11 24 users Photoshop 時短 背景 毎回 業務

こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回は私が業務で毎回使っている、時短で綺麗に髪の毛を切り抜く方法をご紹介します。色々試した結果、一番早く簡単な方法だと思っております。 また、切り抜くだけでは白いエッジが残ってしまって背景と馴染まないので、背景との馴染ませ方... 続きを読む

AdobeXDで更新しやすいテーブルの雛形を作ってみた〜コンポーネント・スタック・パディング機能の活用〜 | 株式会社LIG

2021/07/05 19 users ひな形 AdobeXd 雛形 コンポーネント Adobe XD

こんにちは、Webディレクターのイナッチです。 今回は、Adobe XD（以下：XD）で更新しやすいテーブルのひな形を作りましたので、ご紹介します。 せっかくなのでなぜ更新しやすいテーブルを作ろうと思ったのか？ なぜ作れたのか？ などの背景も合わせてご紹介いたします。が、そんなことはいいから早くテーブルを見たい方... 続きを読む

早く言ってよ〜！CSSのtransformは同じ関数を複数回つかってもOKだった | 株式会社LIG

2021/07/05 26 users transform foo translateX CSS 関数

こんにちは、エンジニアのつっちーです。 .foo { transform: translateX(-50%) translateX(10px); } みなさんは、このCSSが有効であること、ご存じだったでしょうか。CSSのtransformプロパティでは、このように同じ関数を複数回使用できます。transformにはもう何年もお世話になってきたというのに、このことは最近にな... 続きを読む