はじめに教わるデザインの基本。気をつけるべき28のポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
突然ですが、下記のバナーにはデザインのルール上あまり適切でないことが含まれています。 ・ ・ ・ みなさんはわかりましたか？ 「なにがよくないのかわからない……」という方は、ぜひこの記事を最後までご覧ください！ 今回は新米デザイナーさんに向けて、先輩からはじめに教わるデザイナーが覚えておきたい基本やポイントをご紹介します。レビュワーの立場にあるデザイナーの方も、デザインのチェックリストとして使っていただけると幸いです！ （すぐに答えが知りたい方はこちらをクリックしてジャンプ！） 今回ご紹介するのは、デザイナーなら誰もが一度は目にするような基本中の基本です。ただし、これらは「絶対的なルール」というわけではありません。経験豊富なデザイナーさんであれば、状況に応じてあえてこれらの基本を外すこともあると思います。 でも、覚えておいていただきたいのは、ルールを知った上で破るのと、知らずに破るのでは大
非デザイナーは「生成AI」でどこまでUIデザインを作れるのか？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Technology部の永松です。 私が在籍しているTechnology部ではさまざまなシステム・アプリ開発を手がけています。 しかし、部内にはデザインやUIUXの知見がまだ足りていないのが実情です。 実際にデザインをするときは、他部署のデザイナーに力を借りることがほとんど。 ……近年こんなに生成AIが進化しているのであれば、これらを使って自分でデザインを作成することはできないものでしょうか？ WF（ワイヤーフレーム）の作成だけでもいいんです。これらが誰でもできるようになれば、もっとお引き受けできる案件も増えるはず。 というわけで、今回はクライアント提案に耐えうるデザインを生成AIでどう作るのか、試行錯誤した結果を紹介します。以下のツールについて感想をまとめていますので、ぜひ参考にしてください。 今回試したサービス ChatGPT Midjourney(+Vary Region) Fram
「これってなんだっけ？」なデザイン様式の名前について調べました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。デザイナーのほそです。 「このデザインテイスト見たことあるな、でもどういう名前なんだろう？」 「こんなテイストを探したいけど、言語化できない……」 と思うことはないでしょうか。 今回は、「これこれ！」っていうのがわかると便利なデザインの様式に関する用語をご紹介します。AdobeStockで使えそうな素材も探してみたので、そちらのリファレンス付きです。 いろいろなデザインテイスト用語まとめ Bauhaus Design｜モダンデザインの源流 引用：Bauhaus Design Images – Browse 1,744 Stock Photos, Vectors, and Video | Adobe Stock 幾何学的かつミニマルで直線的な印象を受けるグラフィック。 引用：https://en.wikipedia.org/wiki/Bauhaus バウハウスとは、1919
先輩デザイナーが教えてくれたトレンドインプット方法と参考アイデアの探し方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。前職はほぼ主婦、新人デザイナーのこばりんです。 Webデザイン業界って、技術やトレンドの移り変わりが激しいですよね。 LIGのデザイナーグループでは、毎朝15分間インプットタイムを設けていて、最近の気になるデザインニュースやアイデア、最新技術の情報などを持ち回りで紹介し合っています。 毎朝知らなかった情報やアイデアを共有してもらい、とても参考になっています！ そこで、みんなどこからそんな有益な情報やアイデアを得ているのだろう……と気になったので、先輩デザイナーたちにデザイントレンドのインプット方法とデザインアイデアの参考の探し方を聞いてみました！ 情報を自分で取りにいきたいけど、たくさんありすぎてどうしたらよいかわからない……そんな方の参考になったら嬉しいです！ 著者紹介：こばりん株式会社LIGの新人デザイナー。LIGが運営するWebデザインスクール「デジLIG」卒業後LIG
注目のWebデザイントレンド10選【2023】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
新年度も始まったということで、去年に引き続き注目トレンドのWebサイトをいっぱい見漁ってきました。 徐々に緩和されつつありますが、移動や外出が制限されていたこともあり、より刺激的な体験をインターネットに求める傾向がありました。また、社外だけではなく社内のコミュニケーションもオンラインが当たり前になっていることから、より効率的なコミュニケーションが模索されてきています。 AIを使ったサービスが爆発的に認知を広げていたりとさまざまな変化があるなかで、Webサイトはどう進化していくのでしょうか。妄想を膨らませながら見ていきましょう。 ※今回こちらの記事を参考にしています。 Top Web Design Trends of 2023 11 engaging web design trends for 2023 9 interactive web design trends for 2023 こんな
心を掴んで離さない！採用サイトデザイン7選【2024】
みなさんこんにちは！ デザイナーのまいまいです。 毎日花粉と低気圧が猛威を振るってますね。 今回はそんな憂鬱な気分も吹き飛ばしちゃうくらいワクワクしちゃう2024年度の採用サイトを紹介します💖！ 就活シーズン真っ只中！ 不安な気持ちを、ときめきの気持ちに変えてくれるようなそんな素敵なサイトが目白押しです！ 💡クリエイターが推薦する、採用サイト制作に強いWeb制作会社15選はこちら 心ときめく2024年度採用サイト7選 1. 2024年度定期採用｜フェリシモ https://www.felissimo.co.jp/company/recruit2024/recruit2024_cy.html もう見た瞬間からかわいい〜！ 昨年度のサイト、本当に大好きだったので見れなくなっちゃって悲しいなあ、なんて思っていたら……今年も超超最高に可愛いですね！！！！！ スマホファーストのサイトなのですが、
AVのパッケージってどんな人が作るの？元アダルト制作会社のデザイナーに聞く
すいません！スマホでよく表示されるエロバナーを作っているデザイナーの人と知り合いの方いませんか？顔出しなし、匿名でいいのでインタビューしたいです。Posted by 菊池 良 on 2015年12月5日 すると、エロバナーがメインではないけれど、以前アダルト制作会社で働いていたデザイナーの方と繋がることに成功！ 予定を変更し、AVのパッケージの作り方や業界について聞きました。約6,000字のインタビューです。 お話してくれたのはこの人 MontBlanc.（@MontBlanc04）さん。大学を卒業後、新卒でアダルト制作会社に入社。約4年間、デザイナーとしてDVDのパッケージやサイト制作に従事する。現在は転職し、スマホアプリ系の会社でUI、UXの設計を担当。 イラストに挫折してアダルト制作会社に入った ─ MontBlanc.さんは新卒でアダルトのデザイナーになられたとのことですが、まずデ
簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に文字間隔の調整（カーニング）ができます。 はじめに：ベタ組みと文字詰め 日本語フォントは基本的にベタ組み（等幅）で読みやすいように設計をされています。長文を読むにはベタ打ちのほうがリズムよく読めて疲れないので、本文などはベタ打ちのままのほうがよい場合が多くあります。 それでもフォントサイズの大きい見出しなどでバシッといい感じに決めたい場合もありますよね。個人的には記事のタイトルが並んでいるなかで、カッコから始まるものが混じっているときなどは、「んぁ〜」
【2022】注目のWebデザイントレンド13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。デザイナーのみやです。 Webデザインのトレンドは2〜3年ごとぐらいの大きな潮流がありつつ、既存のトレンドに一工夫加えたものが流行ったりと、メジャー／マイナー問わず刻々と変化していっています。新しい時代への対応だったり、世代の移り変わりによる好みの変化などにも影響されながら変わっていくので、クリエイターとして常に追いかけていく必要があります。 2022年に入って結構経ってしまいましたが、今後直近で流行りそうなデザインを参考とともにピックアップしました。 ※最新2023年版のWebデザイントレンドは以下記事をご覧ください！ 👉注目のWebデザイントレンド10選【2023】 ※今回こちらの記事を参考にしています 22 inspiring web design trends for 2022 10 Web Design Trends To Expect in 2022 Top
【作例付き】WebデザインにおけるAdobe After Effects活用法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は後編ということで、モーションデザインの作り方を実例を元に紹介していきたいと思います。実際のサイトに使うには色々足らないですが、After Effectsで制作する際のテクニックを交えて解説していきます。 この記事はこんな方におすすめです モーションデザインに興味がある Webサイトのアニメーションを自分で作ってみたいデザイナー After Effectsを触ってみたい また、制作にあたってこちらのサイトを参考にさせていただいております。様々なモーションの作例を周期表に見立てて紹介していて、ダウンロードもできるためどのように制作すれば良いかも見れるようになっています。 画像引用元：モーション周期表 Webデザインでモーションデザインを利用する機会 デザイナーがモーションデザインをWebデザインに取り入れる機会としては以下があるかなと思います。 デザインの提案 エンジニアとの共有 動画ま
【初心者向け】ひと手間でデザインの物足りなさを解消する方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、新人デザイナーのナガレダです！ 社内制作チームでLIGブログのアイキャッチやバナーなどを作っています！ 日々デザイナーの先輩にフィードバックしていただき、発見と学びのある毎日です。 皆さんはデザインをしているときに、「ラフの通りに作っているのに何か物足りないな」と感じることってありませんか？ 私はめちゃくちゃあります。 素材を作って実際に画面に当てはめて完成間近！ でもあれ？ なんかさみしい……ってなることが多いんですよね。 そんなときに先輩デザイナーに教えてもらった、ひと手間加えるだけで物足りなさを解消できる方法をまとめてみました！ また、本記事と同じ内容をYouTubeにもUPしています！動画や音声で楽しみたい方はこちらを参照してみてくださいね。 デザインの物足りなさを解消する方法 文字周りに飾りを入れてみる before クライアントのWebサイト用に作成した「スマホによ
拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
デザインがしっくりこないときに試すこと10選【新米デザイナー向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナー兼踊り手のJona（＠jona_yawaraka）です。わたしはLIGブログに掲載されるアイキャッチ（ブログ記事の顔になる画像）、バナー、背景ジャック（大型バナー）など、さまざまな画像を製作してきました。 画像をつくって客観視したとき、「ある程度まとまってはいるんだけどなんだかしっくりこない。でも何が悪いかわからない……」ということありますよね。 わからないときはとにかく手を動かして、いろいろと試してみるとうまくいったりするもの。ということでデザインがしっくりこないときにとりあえず試したい10の簡単な方法を、私の経験を踏まえながら紹介いたします。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情
要件定義、要件定義、一体なにをどこまで定義すればいいんだ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Web事業部マネージャーのさささん（さっさん）です。 Web制作の現場ではプロジェクト開始時に「要件定義」の工程から作業を着手することが一般的です。ただし、いきなり要件を定義するわけではなく、顧客にヒアリングしたうえで課題の整理、要求の整理をおこない、要件定義として落とし込みます。 私は新卒からシステム開発の現場にいたので、要件定義に対して抵抗はありませんでしたが、Web業界で活動するようになってから要件定義がしっかりおこなわれていないプロジェクトがあることに驚きました。また、苦手というか、なにをすればいいのか分からない人たちがけっこういることに気づきました。 そこで今回は、「要件定義ってざっくりとなにをすればいいのか」をチェックリスト形式で紹介いたします。実際に要件定義が必要な場面でぜひ活用してもらえればと思います。 要件定義すべきこと 1. 制作の背景と目的 1.1. 制作
Webデザインの参考になるギャラリーサイト24選【2023年】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
6ヶ月で「現場レベル」のWebデザイナーに デジタルハリウッドSTUDIO by LIG 💡現役Webデザイナーが講師を務め、永続的な就職支援などが特徴。 通学とオンラインを組み合わせ、未経験から半年でWebデザイナーになれます。 Web制作会社が運営するスクールなので、面接対策なども現場の基準でおこないます。 こんにちは。Webデザイナーのミライです。突然ですが、ギャラリーサイトで今日掲載されたサイトを見て、学ぶことがあったり燃えることがあったりしませんか？ あなたが刺激と戦う心、学びを得るために、現役Webデザイナーの僕が知りうる限りのギャラリーサイトの中から、参考になるところを厳選して24サイト押し売りします。 多すぎ！ って思った方も安心してください。目次と評価軸を駆使して、快適に読める工夫をふんだんにしております……！ 関連リンク：かっこいい・おしゃれなWebデザイン参考サイト
その文書大丈夫？Wordで作るビジネス文書のポイントまとめ | 株式会社LIG
皆さんこんにちは、九州ライターの村上です。 本当になぜ6月は祝日がないの……そんな絶望を小脇に抱えつつ、本日はWordで作るビジネス文書のポイントをご紹介します。 文字のサイズは11〜12ptで作ると読みやすい 見出し・タイトルはゴシック体、文章は明朝体 実は意味ない？ゴシック体に太字 MSフォントとMSPフォントの使いドコロ 代表者印を押す場所は右寄せしない 稟議書は表形式で作成する FAX送信状は自社名を一番下にする 【こちらもおすすめ】 ☞ “読みやすい”“わかりやすい”提案書や報告書を書くための「文章のオキテ」7つ 文字のサイズは11〜12ptで作ると読みやすい Wordの文字サイズの初期値は10.5ptですよね。 なぜ10.5ptかというと、昔使われていたタイプライターの文字サイズが10.5ptだったからです。 昔はインクが滲んで、11ptくらいの大きさになっていたらしいのですが
ブラウザとは？HTMLとは？�非エンジニアでもできるWebプログラミングの第一歩 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、「teratail」というエンジニア特化型Q&AサイトのDevRelを担当している、外部ライターの木下です。エンジニア向けのサービスの運営をしていますが、僕自身はエンジニアではありません。趣味でプログラミングをやっている、週末エンジニアです。大学時代は刈り上げ・ヒゲ・アフロで路上で踊ってました。 本題に入ります。 この連載では、「エンジニアではないけど、Webプログラミングやってみたい！」「何かつくってみたい！ でも……なんか難しそうだし、何やってるかよく分かんないな……」なんて思っている方が、「ちょっとだけコードが書けて何か作れるようになったよ！」ってなることを目標に書いています。この連載を通じて、一人でもプログラミングする人が増えればうれしいです。 なお、この記事を書いている木下はプロのエンジニアではないので、技術について雰囲気や感覚で理解しているところも多々あります。で
デザインがイケてる地方自治体系の観光サイト＆特設サイトまとめ16選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの姐さんです。 今回は、地方自治体系の観光サイトや、特設サイトで気になったものをまとめてみたいと思います。 東日本編 青森県観光情報サイト アプティネット http://www.aptinet.jp/ 一言メモ：スライダーがカッコいい、スタイリッシュ、渋い。 ブンカDEゲンキ あきた文化情報サイト http://common3.pref.akita.lg.jp/bunka/ 一言メモ：賑やか、フラット、レスポンシブ、色使いが好き。 あきたファンドッとコム http://www.akitafan.com/ 一言メモ：和風、和菓子みたいな色使い、レスポンシブ、秋田はレスポンシブ頑張ってる。 群馬の観光情報｜ググっとぐんま http://gunma-dc.net/ 一言メモ：ぐんまちゃんに寄せたテイスト、フッターがかわいい、ぐんまちゃんかわいい。 長野県、新潟県を楽しもう！
Web漫画広告に最適な制作ノウハウ「人を惹きつける1コマ目の作り方」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、マンガマーケティングのシンフィールドでWeb漫画を制作していますコバトシと言います。人生で初めに全巻読破した漫画は「うしおととら」です。 私が書いていく記事では、漫画広告を制作する上でのノウハウやテクニック、漫画をWebサイトで効果的に活用する方法などを紹介していきます。これからよろしくお願いします。 3秒で興味を惹きつけないと存在しないのと同じ Web業界では3秒ルールと呼ばれるルールがあります。 人はWebサイトに訪れて3秒でそのサイトを読むか読まないかを判断すると言われています。 実際には流入先やユーザの興味の度合いによって、さらに短かったり長かったりしますが……。 重要なのは、Webサイトに訪問後、極わずかな時間で読むか読まないかを判断されてしまうということです。その短い時間でいかにユーザの興味を惹きつけるかがポイントになります。 ファーストビューで興味を惹きつける要
企画書・提案書のデザインテンプレートサイト4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
提案書や企画書の作成は慣れが大事。慣れるまでは効率のいい作成の仕方がわからず、完成までに膨大な時間を要してしまう人もいるのではないでしょうか。 今回は「ほかの人の企画書を盗み見できるサイトやページ」をご紹介します。見せ方や考え方、そしてそれを先方に伝えるためのノウハウが詰まりまくっているので、見て損はないと思います。 それでは、見てみましょう！ 未経験から6ヶ月でWebデザイナーを目指しませんか？ クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ一度LIGにご相談ください！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ さまざまな企画書を盗み見できる Web サイトまとめ 1. alle https://the.alleslide.com ボリュームがすごいです。 2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
