はじめてのアプリUIデザイン。フローやWebサイトとの違いを解説します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ 最近Webサイト制作だけではなく、アプリ開発にも携わることが増えてきました。 その中で「Webサイト制作に似ているな〜」と思ったり、「あれ、ここは違う！」といった気づきがたくさんありました。前職ではソーシャルゲームのUIデザインを担当していましたが、Web業界に転職したときも、まったく同じことを思ったのを覚えています。 今回は、Webデザイナーの方がはじめて「アプリのUIデザイン」をするときに必要な知識や考え方、意識したほうがよいことを、フェーズごとにまとめてみました。 アプリにおけるUIデザインとは そもそも「UI」とは、ユーザーインターフェース（User Interface）の略で、日本語では「ユーザーとの接点・接触⾯」という意味になります。 UIはユーザーの目に触れ使用する部分すべてを指し、このUIを通してコンピューターとユーザーは情報のやりと
エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
続いてそれぞれのユースケースについて、具体的な使い方を解説します。 Figmaの使い方・操作方法 デザインをもとにコーディングする場合 ‐ Dev mode Dev modeの利用がおすすめです。現在ベータ版で公開されており、2024年中に有料プランのみ使用可能となります。 主な機能として、作成したデザインをもとにコードを自動で生成させることができます。CSS、iOSのSwiftUI、AndroidのXMLなどに対応しています。 具体的な使い方は次のとおりです。今回はログイン画面を例にしています。 画面をセクションで囲む セクション名の右横のコードアイコンをクリック Open in Dev modeでDev modeに切り替える コード化したいコンポーネントを選択すると、右側のInspectでコードを参照できる ワイヤーフレームを作成する場合 ‐ コンポーネント機能 コンポーネント機能を利
Web制作とは？具体的な流れや料金・トレンド・スキルを解説| 株式会社LIG
こんにちは、株式会社LIGデザイン部 部長の吉田です。 「そもそもWeb制作とは？」という疑問にお答えすべく、具体的な流れや料金、2023年のトレンド、Web制作をおこなうために必要なスキルなどを解説させていただきます。 一言でいうと「Webサイトを制作すること」ですが、その業務内容はデザイン、コーディング、プログラミング、サーバー管理など多岐に渡ります。 また、Webサイトを制作する目的もブランディングや採用、メディア、通販（EC）などクライアントの目的によってその詳細は異なります。 新規のWebサイト制作だけでなく、サイトのリニューアルなども含みます。 Web制作の具体的な流れ 例として弊社の流れに沿って説明させていただきますが、多くのWeb制作会社で近しい流れになるかと思います。 ①ヒアリング まずはクライアントへのヒアリングから始まります。 どんなターゲットに何を伝え、どうするとゴ
お客さんと話す前に知っておきたい、UXの超基礎 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIG Techonology部の永松です。 近年、UI・UXという言葉が当たり前に使われるようになりましたが、「なんとなくは理解しているけれど、説明ができない」「UIとUXの違いがわからない」という方も多いのではないでしょうか。 また、UXの指す内容が人によって違うため、クライアントと制作会社で共通認識が持てていないとトラブルになりかねません。そのため基本的な部分をしっかりと理解しておくことが大事です。 そこで今回LIGでは、UXに関する社内勉強会を開催。Technology部でUXを担当する私から、「UXやUXデザインとは何か、そしてエンジニアにとってUXはどう関係があるのか」をテーマにお話しさせていただきました。 制作会社だけでなく、様々な企業のみなさんにもお役に立てる内容だと思いますので、この記事では講座の一部をお届けします。 UX=UI・UXではない UX（ユーザーエ
ユーザーが直感的に理解できる「待ち時間」の適切なUIの選択方法まとめ
ウェブサービスの開発において、「待ち時間をどうするか」は大きな問題です。もちろん、待ち時間を減らせるのであれば減らしたいものですが、仕組みの都合上どうしても待ち時間が発生してしまう場合があります。そうした場合にユーザー体験を向上させるデザインのパターンについて、デザインを専門に行う企業の「Pencil & Paper」がブログでまとめています。 UX Design Patterns for Loading https://pencilandpaper.io/articles/ux-pattern-analysis-loading-feedback/ ブログによると、ロードのパターンは「パッシブロード」と「アクティブロード」の2パターンに分けられるとのこと。 ◆パッシブロード パッシブロードは、システムが最初にデータ量の多いページをロードするとき、ファイルを開くとき、または検索結果を表示する
おしゃれなロゴマークを作成する方法＋無料ツール12選
良いロゴとは貴重な資産であり、ブランドを認知させ、信頼を確立することができます。 では、良いロゴを手に入れるには、どのような方法があるでしょう？ この記事では、魅力的なロゴデザインを作成するポイントに加え、無料でロゴを作成できる、おすすめのロゴ作成ツールをまとめてご紹介します。
サイト改善コンサルではなにができる？施策の流れやポイントを紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Webディレクターのちぐさです。 新しく立ち上げたサイトやリニューアルを実施したサイトが1〜2年も経ってくると、担当者は見慣れてしまい、なんとなく改善した方がいいのでは……と不安になることがあるかもしれません。 とくに運用フェーズでは適切な年間予算を算出するのが難しく、何から手をつけていいかわからないというお悩みの声もよく聞きます。 弊社LIGでは、そんな企業様のお悩みを解決すべく、Webサイト改善のコンサルティングをおこなっております！ 「現状のサイトをどうしていいのかわからない」「コンサルでは一体なにをしてくれるの？」そんな方に向けて、ふだん私たちがどのような流れで改善提案をおこなっているのか、注視すべきポイントや事例を交えてご紹介していきます！ 💡サイト改善の5ステップはこちらの記事から サイト改善のポイントは「まず仮説を立てること」 「分析」となると、すぐにGoogl
【脱！イケてない動画】動画制作・映像制作の流れを解説！| 株式会社LIG
こんにちは！WebクリエイタースクールデジタルハリウッドSTUDIO by LIG(通称：デジLIG)運営スタッフのるりです。 今やSNSは幅広い年齢層の間で欠かせない存在になっていますが、その中でも特に動画に関するコンテンツは最も主流となっていますよね。 また、その流れで動画がかなり身近になったことから、最近では社内の事業紹介や今後の展開についてのミーティング、イベントなどビジネスに関することでも動画を制作・利用することを検討されている方も多くなっています。 今回は、実写・アニメーション両方における動画制作における流れを具体的な3ステップでご紹介していきます。 制作のポイントも記載しておりますので、動画を見るのが好きで動画制作に興味が湧いている方や、今後動画コンテンツを活用したい方、動画制作をする必要に迫られているが何からはじめたら良いのかわからない方は、ぜひこの記事をご活用いただけます
デザインの力で「伝えたいことが伝わる」サイトに。フロンティア様サイトリニューアル秘話 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの細口です。 LIGではビジネスマッチングエージェント「Ready Crew（レディクル）」を運営するフロンティア株式会社様のコーポレートサイト、採用サイトのリニューアルをお手伝いしました。 コーポレートサイト（https://frontier-gr.jp/） 採用サイト（https://recruit.frontier-gr.jp/） 今回は本案件のデザインを担当した石田とともにフロンティア様へ取材をおこない、制作過程のエピソードやリニューアルの効果などを詳しく伺いました。ぜひご覧ください。 旧サイトは1年でリニューアルを決断 細口：はじめに、サイトリニューアルの背景を教えてください。 ▲フロンティア株式会社 取締役兼広報・マーケティング部 高瀬 雅代さん 高瀬：リニューアルの前、弊社ではサイトに関して大きく2つの課題を抱えていました。一つは、自社でサイトの保守・運
＜続編＞Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開いた後の工程｜重松佑 / Shhh inc.
この記事ではワイヤーフレームを作成するとき、FigmaやXDを開いて手を動かす前に、情報設計をどのように整理し、考えていくかについてまとめています。記事内でWebサイトでワイヤーフレームを作成するときに注意したい点として、下記のように書きました。 ツールを立ち上げてアレコレと考えながら手を動かすとフォントやレイアウトにこだわりだしたりしてしまい、あっという間に時間がなくなってしまいます。考えてから形に落とすことを徹底するためにIA（情報設計）を考え抜くことが大切です。 0. 情報設計とトンマナ設計を分けて考える情報の優先度、情報の量、情報の回遊性といったIA（情報設計）を考え抜くことはワイヤーフレーム作成において最も重要です。IAを考え抜いたその後に、FigmaやXDを使ってワイヤーフレームを形にしていきます。では実際にワイヤーフレームを形にしていくとき、どのような工程で進めていくと良いか
サステナビリティページ制作を解説！必要要素と15の事例 | 株式会社LIG
こんにちは、株式会社LIGデザイン部 部長の吉田です。 創業2007年のWeb制作会社である弊社では、個人商店から大企業まで様々なWeb制作のご相談をいただきますが、その中で最近とても増えてきているご相談があります。 「そろそろサステナビリティページを作らなきゃ……」 「サステナビリティコンテンツを制作したい」 コーポレートサイトのリニューアルなどを機にご相談を受けるケースが多いですが、企業の価値が売上や利益だけでは計れない時代になり、企業として社会的な責任をどう果たしているのか、どのような取り組みを実施しているのを明らかにすることは、いまや企業の重要な責務になっていると感じます。 今回は、あらためてサステナビリティページとはなにか、どのようなコンテンツが必要でどのようなデザインに落とし込んだら良いのかを、参考事例を交えながら解説していきます。これからサステナビリティコンテンツの制作を検討
要件定義って何をやるの？制作側が気をつけるべきポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「要件定義」という言葉、耳にしたことがあるという人は多いと思います。では、要件定義とはそもそも何か、具体的にどうすればいいか答えられますか？ 本連載では、Webサイト制作の要ともいうべき要件定義について掘り下げていきます。LIGブログでは制作サイドの視点から解説します（発注サイドの視点でまとめた記事はつなweBで公開中）。 本記事の監修者 株式会社LIG Webディレクター 因幡 祐香（Yuka_Inaba） Webディレクター歴12年。システム開発を伴うプロジェクトの要件定義やディレクション、長期にわたる安定運用と事業展開を想定した情報管理や体制構築を得意とする。Webディレクター・PM向けのセミナーも実施するなど、メンバー教育にも力を入れている。 株式会社LIG Webディレクター 平山 梨佳（Rika_Hirayama） 1987年福岡県生まれ。2011年よりWeb業界のキャリアをス
デザインは余白でこんなに変わる！Webデザイナーが解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Webデザイナーのぱんちゃんです。 この記事ではデザインをする上で重要な要素である「余白」について解説します。 「デザインがごちゃごちゃしてしまってなんだか垢抜けない……」 「かといって余白を作るとスカスカしてしまいそうで怖い……」 そんな経験をしたことのある方向けに、余白の役割と効果的な使い方、意識するべきポイントを解説します。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 余白によって与える印象はこんなに変わる！ 余白はデザインをする上で非常に重要な要
【ChatGPT】海外でバズったヤバい使い方9選【2023年3月版】 | WEEL
ChatGPTでインテリアデザインを出力 この記事では、CnatGPTとほかのツールを連携させて高品質なインテリアデザインを出力させる方法が紹介されています。 ok, I got ChatGPT working with Additive Prompting Here's a 1 paragraph ChatGPT prompt you can use to generate infinite interior design/architecture photographs w/ 90%+ coherence to the prompt in Midjourney Full prompt w/ examples in thread. Try reading the prompts as you go 🧵 pic.twitter.com/zhGB03UGpD — Nick St. Pier
ロゴ制作の依頼方法や流れを事例とともにご紹介します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ 「Web制作会社」として知られていることが多いLIGですが、実は、企業のコーポレートアイデンティティ（CI）の策定や商品、サービスなどのブランディングも多数手がけています。 なかでもご依頼いただくことが多いのは「ロゴ制作」です。 ロゴは、起業する際や新事業の立ち上げ、新商品の開発の際に、必ずといっていいほど必要になりますよね。最近ではオフラインだけでなく、SNSなどのオンラインの場でもロゴが活用され、コミュニケーションツールとしての役割を今まで以上に担っているように思います。 この記事では、これからロゴ制作を依頼したいと考えている方に向けて、ロゴ制作の依頼前に準備しておくべき情報や、どんな流れで制作が進んでいくのかについてまとめてみました。 💡おすすめの高品質なロゴ制作会社8選はこちらの記事から！ 「よいロゴ」を作るために 企業や商品・サービスの「
迷わず決定 Adobeの配色カラーパレット、アイデア101個
迷わず決定 Adobeの配色カラーパレット、アイデア101個 90年代「昭和レトロ」など11スタイルから選べる 使いやすくセンスのいい配色101パターン デザインで配色えらびが重要なのは分かっているが、いつも迷って時間がかかるという人も多いでしょう。 この記事では、時短にも役立つAdobeの配色アイデア101個をご紹介します。 人気の「90年代レトロ」や「ネオンライト」、オシャレな「シンプル＆ナチュラル」など、さまざまなデザイン案件に適した、101の色の組み合わせが提案されています。 気に入った配色を見つけたら、そのままAdobe Expressで編集することもできます。 コンテンツ目次 1. 控えめなパステルカラー 2. クリーン＆モダン 3. 光沢メタリック 4. 鮮やかネオン 5. デュオトーン＆モノクロ 6. ナチュラル＆オーガニック 7. 控えめなパステルカラー 8. クリーン＆
モダンフロントエンドで始めるつらくないReactディレクトリ構成 - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに こんにちは、ラクスフロントエンド開発課の斉藤です。 記事タイトルはReact開発者なら知る人ぞ知るりあクト！ TypeScriptで始めるつらくないReact開発のパロディです。とてもわかりやすい入門書なのでReact初学者の方には学びの第一歩として自信を持ってオススメできます！ さて今回は、モダンなフロントエンド技術を採用したうえで、極力シンプルで開発体験を損なわないようなディレクトリ構成を考えてみたので共有したく記事にしました。現在実際に運用しているのですが、今のところ大きな問題も無くチームからの不満も上がっていません。しかし、個人的に微妙な部分もあるのでそちらの紹介も行いたいと思います。 今回、構成を考えるにあたって重視したポイントは以下の3点です。 新しく参入するメンバーでもすぐに理解できるシンプルな構成にしたい テストやリファクタしやすい構成にしたい できればルールが厳
オウンドメディアの戦略の立てる4ステップと具体的な事例 | 株式会社LIG
株式会社LIGでメディアコンサルタントをしています太田と申します。 前職は広告会社のプランナーとして、広告のコピーライティングやWeb施策のディレクションを担当していました。 さて、メディアコンサルタントとして仕事をしていると、お客様からこのようなお悩みをよくお伺いします。 「オウンドメディアをはじめたいけど、何から進めるべきかわからない……」 「記事を更新したけど、読まれていない気がする……」 時間をかけて記事を公開しても成果が出ないと「あの記事執筆に費やした時間はなんだったんだ……」とモチベーションも下がってしまいますよね。 ここで必要になるのが「戦略」です。戦略を立てることで、失敗を恐れずに成功へ繋げることができます。この記事ではそんな「オウンドメディアの戦略」について、立て方や事例をお伝えします。 「オウンドメディアを運用しても成果がなかなかでない」「施策の立て方が難しい」などとお
UXデザインとは？事例、プロセスを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、テクノロジー部UXチームのAoyamaです。 新規事業の立ち上げやサービス開発を行う際に、「UXデザイン」というワードを聞いたことがある方は多いのではないでしょうか？ 本記事では、UXデザインとはなにか、どのように進めていくのかについて紹介していきます。 UX（ユーザーエクスペリエンス）とは、「ユーザーの体験」を意味します。そこに「デザイン」という言葉がつくので、サービスやプロダクトを通してユーザーにして欲しい理想的な体験を設計することを意味します。 現在世の中に数多くのサービスやプロダクトが生まれていますが、機能の同質化が進むにつれ顧客獲得のために各市場においては価格競争に陥りがちになっています。 そのような市場環境において、「モノ」の価値ではなく「コト（エクスペリエンス）」の価値に重きを置く社会のトレンド変容も追い風となり、各社が差別化を生むポイントの一つとしてユーザー体験
「いいデザイン」を決めるのは、依頼主でも先輩でもない。｜nanocolorカワバタ氏からデザインを学ぶみなさんへ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LIGブログ編集長のMakoです。 弊社が運営するWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」（通称デジLIG）は、2023年に「リーダーズ講座」を開講します。 リーダーズ講座とは 本気でクリエイターを目指すみなさんの学びを支援すべく、業界歴10年以上のトップクリエイターを講師に迎えお届けするデジLIGだけの特別講座。詳細はこちら 初回講座に先んじて、講師陣からデザインを学ぶみなさんへメッセージを頂戴しました。第一回目はnanocolor代表のカワバタさん（@nanocolorkwbt）。デザイナー・マーケターとして成果を追求し続けるカワバタさんからのアツい言葉の数々、ぜひご注目ください。 講師：株式会社nanocolor 代表取締役社長 川端 康介 氏2004年、EC事業スタートアップに参画。デザイン/広告/商品開発などの知見や技術を独学で身につけ、2010
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
