Webサイトの見出しデザインまとめ13選！デザインの参考に | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの藤田です。 デザインをやっていると、見出しのデザインに悩むことって結構ありますよね！ 自分のデザインストックを増やすためにも、今回のブログでは今っぽい見出しデザインをタイプ別にまとめてみました！ 独学でつまずいていませんか？ 現場で活かせるWebデザインを効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） ※この記事は2022年3月に編集部が情報を更新しました ジャンプ率パターン ミニマムなデザインでは見出しに過度な装飾を加えずに、本文に対し見出しの文字サイズを大きくすることで見出しを目立たせるサイト
日本語のタイトルやロゴデザインの幅を広げよう！知っておきたいアイデア13個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのまきこです。 ずっと応援してきたアイドルの方が年末にグループを卒業してしまうとの発表をうけて、木枯しが一層つめたく感じられる今日このごろ。失恋のような胸のくるしさをデザインの糧にしない手はないと言い聞かせつつ、日々業務に励んでいます�。 さて、話題は変わりますが、日本語のタイトルやロゴをデザインするのって、むずかしいですよね。漢字やひらがな、カタカナが混じっていると統一感を出すのが難しかったり、アルファベットよりも形状が複雑なので、パスをいじってバランスをとるのに四苦八苦したり……。 そこで今回は、日本語のタイトルやロゴをデザインするときにヒントになりそうな、ストックしておきたいアイデアを一気に13個ご紹介します。できるだけ多くのパターンを出してデザインの候補の幅を広げたり、「こっちの方向で行こう！」と思えるカタチまですばやく到達したいときのためにストックし、役立て
【保存版】10分でわかるWebマーケティング手法の全施策まとめ【図解付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。ソウルドアウト株式会社のなごと申します。 「Web上でユーザを集めるための施策をすべて答えてください！」と言われたときに、パッと答えられる方は少ないのではないでしょうか？ Webマーケティングとひと口に言っても、その全体像を具体的にイメージできる人は少ないものです。本気で成果をあげたいと思ったら、まずはWebマーケティング全体を俯瞰した上で、施策を組み立てていくことが重要です。 今回は、一目でわかるようにWebマーケティングの全体像を1枚の画像にまとめました。また、それぞれの具体施策の概要やコスト感、即効性をわかりやすくざっくりとご紹介します。 マーケティングとWebマーケティングの違い まず前提として、マーケティングの中でも「Webマーケティング」の特徴について整理します。 Webマーケティングには以下のような特徴があります。 効果測定性 ハイスピード ローコスト パーソナ
似顔絵のコツ（書き方・描き方）Illustratorで簡単に写真からイラストへ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 さて、去る2014年のクリスマス、LIGではSHIFTBRAINさんと合同でクリスマス企画を実施しました。私は企画にはそんなに直接関わっていないのですが、4名（＋お蔵入り1名）のサンタクロースさんの似顔絵イラストを描き、 特設サイト で使っていただきました。 似顔絵って難しいですよね。でも、Illustratorを日々お使いなら、案外カンタンに作ることができるんですよ。というのを本日はお伝えしにきました。 なんでIllustratorならカンタンなの？ 手描きと比べると、という前提が入るかもしれませんが、個人的には以下のような部分が作りやすさをサポートしてくれていると思います。 パーツごとにやり直しがきく ラインが歪んでも「スムーズツール」を使えば楽にキレイなラインに直せる パーツの位置変更が容易 本人との比較がしやすい 肌や髪色を決めやすい なかには
デザイン無料もある！オンライン年賀状作成サービスまとめ【LIG年賀状2015プレゼント付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
もう一年も終わりですね。今年の抱負を1㍈も覚えていないディレクターの鮫島です。早い。早すぎるぞ年末。 さて、年末には忘れてはいけない大事な行事があります。 そう、「年賀状」です。 元旦の朝「寒い寒い」と言いながらも郵便受けを覗いた時のあのワクワク感。メールやLINEでは味わえません。 だけど忙しくて書いている時間がない。。特にデザインに困るという方も多いかと思います。 今回はそんな方に向けて、便利な「オンライン年賀状サービス」をまとめました。 デザインが無料のサービスもあるので、必見です！ オンライン年賀状サービスとは？ 年賀状の作成や印刷・投函・送付などを、インターネットを通じて行うことができるサービスの総称。 あと、ささやかではありますが、LIGの2015年度版年賀状を抽選で送りつける催しも実施しているので良かったら応募してください。詳細はこの記事の下部にて。 「まとめ情報とかいいから
感嘆符・疑問符の後に全角空白（スペース）が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木（@amanojerk）です。 さて、これからみなさんに、下記のそれぞれの文章を見比べていただきたいのですが、 A. ヒャッハー！汚物は消毒だ〜 B. ヒャッハー！ 汚物は消毒だ〜 A. 何してますか？忙しいですか？手伝ってもらってもいいですか？ B. 何してますか？ 忙しいですか？ 手伝ってもらってもいいですか？ どちらがしっくりくる、あるいは、どちらに違和感がある、と思ったでしょうか。 A.とB.の文章の違いは、文末の「感嘆符（！）」「疑問符（？）」の後に全角空白（スペース）があるかないかです。 ほとんどの人はあまり注意して見てはいないと思うのですが、じつはこの表記ルールはメディアによってさまざまです。絶対に全角スペースを空けているメディアもあれば、そうでないメディアもあります。 では、一体どちらが正式なのでしょうか。そもそも、明確な基準はあるのでし
魅力を再発見！スプラッシュページを設けたWebサイト15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちはデザイナーの藤田です。 テレビなどを見ていて、一時期あまり見かけなかったのに「おや、最近また○○をよく見かけるな。あらためて見るとやっぱりいいな。」なんて思った経験、皆さんもありませんか。 というわけで今回は「おや、最近スプラッシュページを設けたWebサイトよく見かけるな」と感じたので、スプラッシュページ・スクリーンを設けたWebサイトをまとめてみました。 1. TWLVR http://twlvr.com/ フランスの動画・Web制作会社のサイトです。 ローディング完了後、女性の後ろ姿をリピート再生しております。 振り向きそうで振り向かないのが残念ですが、スプラッシュページからスクロールをおこなった後の演出が素敵です。 2. Failsworth 1903 http://www.failsworth1903.com/ イギリスの帽子メーカのサイトです。 国内サイトではあまり見か
イラスト風の劇画タッチも表現できるオススメ無料Photoshop絵の具ブラシ9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 幼い頃、祖父母のスパルタ油絵教育から逃げ出した過去を持つ、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 そんな過去にリベンジすべく、今年のお盆休みは、4日間の油絵講習を受講してきました。 さて、僕の主な業務の1つに背景ジャックのデザインがあります。 使用しているツールはPhotoshopです。 下記の画像のような劇画チックなデザインをする上で、絵の具ブラシに非常に助けられました。 が、自分の求める絵の具ブラシを探すのに、思いのほか時間がかかってしまいました。 特に駆け出しデザイナーの方には、同じ思いをしてほしくない！ そこで今回は、そのうちきっと役に立つ、使い勝手のよい絵の具ブラシをまとめさせていただきました。 これらのブラシツールを上手く使いこなせば先程の画像のようなデザインだってちょちょいのちょいです。 あまり使用する機会のない絵の具ブラシかもしれませんが、
人気ランキング上位に学ぶ自作LINEスタンプの絵柄を作成する方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナー兼イラストレーターのもりたです。 みなさんご存知の通り、LIGでもスタンプを制作しました。 自称イラストレーターの私もスタンプ制作に関わったのですが、実はいまだにガラケー族のため、一度もLINEスタンプを使ったことがありません。 そういう事情で、制作にあたってLINEスタンプに適した絵柄はなんだろう？といろんな絵柄やスタンプを調査・分析してみました。 制作の過程で実際にいろいろな絵柄で描いてみたものも載せています。ぜひ、みなさんがLINEスタンプを作るときの参考にしてみてください。 準備：ターゲットユーザーを考える 絵柄を決める前に、まずはどんなユーザーにどうやって使ってもらいたいかを考えましょう。 LINEスタンプのネタ監修をすることになったメディア事業部部長のそめひこと、他の制作メンバーでスタンプのコンセプトを話し合います。 「LIGを知ってる人しか楽しめないスラ
年賀状にも！Illustratorで和風の印鑑やスタンプを作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
年賀状、あわわ年賀状。皆さん年賀状出来ましたか？九州ライターの村上です。 厄年32才は今年案の定離婚とか色々ありまして、年賀状に書くべきか、しかし旦那の名前と写真がそっくり消えているから察してくれるかな…しかし…という悩みを抱えたまま未だに年賀状が出来ていません。 さてそんな重い話題をさらっと全世界に振ってからの今回は、Illustratorでおめでたい感じの印鑑を作ってみたいと思います。というのも欧米フォントでかすれたスタンプ系は結構あるのに、和風の印鑑、てん刻とかって意外と少なかったので。 Illustratorで印鑑を作ってみよう ベースとなる文字を用意します なぜ文字を大吉にしたのか未だに思い出せません。幸せが欲しかったんでしょうね。とりあえず大吉スタンプを作ってみましょう。 ゴシック・明朝・白舟書体・隷書体 どの書体がいいのかわからなかったのでとりあえず４種類を適当にチョイス。
Photoshopで線画抽出する方法 〜手書きイラストをスキャンした場合〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近Photoshopをゲットしたライターのしゅーへいです。 LIGデザイナー陣のデザイン技術をチラチラ見ながら、Photoshopの勉強をしております。ちなみに打倒、王さんです。 今回の記事は、手描きのイラストをデジタルデータ化する方法です。 必要な物は「スキャナ」と「Photoshop」です。今から紹介する方法は、線画でも利用可能なので覚えておいて損はないです。 ストーリー 家にあった中二病ノートに2012年4月に書いたイラストというか文字がありました。なんか「イイナ・・・。」とか思ったので、このイラストをデジタル化しようと思います。 スキャンする まずはスキャナを使ってスキャンします。 320dpiのTIF形式でスキャンしました。綺麗にスキャンできるならJPEGでも良いと思います。 Photoshopでの作業 次に、Photoshopでの作業に移ります。 余計な部分の除去 そのままス
IllustratorでWeb制作をするときに気をつけたい5つの設定 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
CCの魅力を感じつつもCS6製品で様子を見ている、月額支払いがちょっと怖い。そんな九州ライター村上です、みなさんこんにちは。 今人気のフラットデザインはIllustratorが得意とする部分なので、最近Illustratorを使ってWebサイトを作ろうという動きが増えてきました。Illustrator使いとしては非常に嬉しい事です。しかし、DTPを得意とするIllustratorでWebサイトを作る際には、確認しておかなくてはいけないWeb用のポイントがあります。 今回は、初心者向けのちょっとした用語の説明と共に、Web用コンテンツ作成時に気をつけるべきIllustratorの設定をご紹介していきます。 IllustratorでWeb作業をする時に気をつけたい5つの設定 単位は相対単位のピクセルにする カラーモードはRGBにする ピクセルプレビューで作業する 各パーツはアートボードをわけて
リスティング担当者から見た、イケてるランディングページ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ。きょーへいです。今回はランディングページについて書きます。 ※こちらは2012年8月時点の情報になります。最新の情報については「【2014年版】リスティング担当者から見た、イケてるランディングページ10選」をご確認ください。 ランディングページとは インターネット広告や、検索エンジンの検索結果からのリンク先となるウェブページ。広告を見る人にとっては、広告（又は検索結果）をクリックすると最初に表示されるページ。 ランディングページはリスティング広告を運用していくうえでとても大事なもので、広告等をクリックして最初に表示されるページです。つまり広告の顔となるページになります。 ランディングページの善し悪しはページが表示された数秒で決まるといいます。よく就職活動などの面接の第一印象は数秒で決まるといいますが、ランディングページも同じです。ユーザーは無意識のうちに数秒でこのランディングペ
ブログネタを探す方法【永久保存版】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ステップ２ 分析する 困ってることも新たな発見も、それといった習慣もない人はステップ２！ 自分のサイトを分析したり、記事の形式を工夫してみましょう。 過去記事をグレードアップさせる 過去記事を振り返ってみてみましょう。情報が古くなっていたらグレードアップした記事を改めて書いちゃって下さい。 また、過去記事を見るだけでもヒントがあるかもしれないです。「この記事の続編書いてなかった！」とか。
個人ブログのはじめ方〜運営にあたって改めて考えておきたい6つのテーマ〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。ライターのコーイチです。 私は、現在フリーランスとして活動していますが、LIGブログの「自社サイトをメディア化し、1年で100万PVにして分かった失敗と成功のまとめ。」を読んだことがきっかけとなり、今さらながら「個人ブログ」を始めてみました。 企業サイトの運営をテーマとする記事ですが、「個人ブログ」を運営する際にも役に立つ「6つのテーマ（5W1H）」に気づかせてくれます。 新たな一年におきまして「個人ブログを始めてみよう！」とお考えの方、こちらの記事を参考にしながら「個人ブログ」というメディアを一緒に見つめなおしてみませんか。フリーランスという私の立場からの視点も踏まえつつ、考察してみようと思います。 個人ブログを始めるときに改めて考えておきたい6つのテーマ 目次 だれが書くのか どうして書くのか いつ書くのか どこで書くのか なにを書くのか どのように書くのか まとめ 1.
プレゼント選びの決定版！厳選された雑貨が集まった通販サイト8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様こんにちわ。メディア事業部のまゆです。 センスが抜群の方に贈るプレゼントって見つけるのが大変です…。自分にはセンスがないので「なにを送ればいいのか…」と結構迷ってしまいます。外に探しに行くのもいいですが、1日かけて見つからなかった時の絶望感は凄まじいですよね。 そんな私と同じ思いをしている方に「このサイトをチェックしておけば、とりあえず間違いはない」セレクトショップのサイトをご紹介したいと思います。 探せ！全てはきっとここにあるよ。 MoMA http://www.momastore.jp/ 私が絶対的な信頼を置いているMoMA。世界中から集めた家具、雑貨、デスクワークグッズなど種類が豊富です。また、「引き出物」のコーナーでは、様々なシーンに合わせた素晴らしいグッズが揃っているのでとても便利。商品からの検索はもちろん、デザイナーからも検索ができるので自分の好きなグッズも見つかると思いま
投稿画面がすごく便利になる！WordPressプラグイン4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ段田です。 今回もWordPressプラグインにスポットをあてたいと思います。 今回は管理画面の投稿画面で役立つプラグインをテーマに紹介します。 1.Parent Category Togglerプラグイン 通常、投稿画面ではカテゴリ項目で子のカテゴリにチェックした場合、画像のように親のカテゴリには自動的にチェックが入りません。 Parent Category Togglerプラグインは自動で親のカテゴリにチェックしてくれます。プラグインインストール後、子カテゴリにチェックすると、自動的に親のカテゴリにもチェックを入れてくれます。 便利！ Parent Category Toggler 2.Save Editor Scroll Positionプラグイン 投稿を保存した時、エディタのスクロールは一番上に移動してしまいます。このスクロールの位置をそのまま動かさないようにするプラグイ
Sassを極める！デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 前回、これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。 そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう！という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします！ たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。 目指せSassマスター！WEBデザイナーもコーダーもすぐに実践したくなるSassの基本テクニック12連発もくじ もくじ テクニック1 アンパサンド（&） テクニック2 演算 テクニック3 round() テクニック4 rgba() テクニック5 コメントアウト テクニック6 変数 テ
苦手を克服！効果的なフォームが簡単に作れてしまうツールやテンプレートまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近涼しくなってきましたね。私は自分があまり風邪をひかないせいか、「健康」に対して軽視しているところがあります。いつまでたっても自分は風の子元気な子だと信じきっています。そのせいかは分かりませんが、今は鼻水が止まらずのど飴を過剰に摂取しながら書かせていただいています。 ほんと健康って大事。 さてWEBデザイナーのみなさん、フォームのデザインって悩みませんか？ 登録フォームやお問い合わせフォームなど用途は様々ですが、最近はブラウザ標準のフォームを使用せず、CSS3やらプラグインやらを使っておしゃれに工夫されたフォームのまぁ多いこと。きれいで使い勝手のいいフォームデザインがしたい。でもコーディングに時間が・・ってことありますよね。私はちょっと苦手意識があったりします。 でも、サイトの窓口ともなるフォームは、WEBサイトを運営するにおいてとても重要な役割を持
時代はシェア！プロジェクトの進捗などを共有できるタスク管理ツール12選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 小学1年生の頃、私のおでこと小学6年生の男の子の前歯がぶつかり、相手の前歯を折ってしまった石頭ライターのうららです。 そんな思い出も、FacebookやTwitterなどのツールでシェアすることが可能になりましたね。 時代はシェアです！ ということで、今回はタスク管理をシェアできるWebサービスをまとめてみました！ ちなみに、ここで紹介するサイトはすべて・・・ オンラインでファイル共有が可能 マルチデバイスに対応 となっております！ すごい！ 3行で紹介するのが流行っているそうなので、そんな感じで紹介していきます！ それではスタート！ 【こちらもおすすめ】 ☞ タスク管理ツール「Trello」をもっと便利にするChrome拡張機能まとめ 完全無料のタスク管理ツール Trello https://trello.com/ 英語にのみ対応 上の写真にある通り、 カードを組み立ててい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
