こんにちは！ 新米デザイナーのんちゃんです。 私は以前書いた記事でもお伝えしたように、インターンとして学生の頃からさまざまな企業でお仕事をさせていただきましたが、ほとんどが営業職。 しかし、初めてイラストレーターに触れた2013年の春のあの感動がどうしても忘れられず、このたび思い切ってLIGへグラフィックデザイナーとして転職しました。 そして、アイキャッチ画像やバナーなどLIGブログにまつわるクリエイティブの制作をさせてもらい、制作したアイキャッチ画像はもう100個を超えました。 右も左もわからない中、なんとか日々奮闘していますので、今回はわたしのような新米のデザイナーさんや未経験からデザイナーを志している方へ向けて、わたしがどのように1つのアイキャッチを作っているのかを赤裸々に公開し、一緒に頑張っていけたらなと思います。もしベテランデザイナーの方もご覧になっていただけるのであれば、温かい

こんにちは、デザイナーのぺちこです。 以前、デザイナーもりたの、デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみたという記事が公開されましたね！　こんな風に、最近LIGのデザイナー＆フロントエンド間では、いかにお互いの仕事をスムーズにするかという話題が増えています。 まだまだ模索中ではありますが、今回は、これを知っておけばお互いにとってハッピーなのでは？というPhotoshopの機能や工夫の豆知識をご紹介したいなと思います。 フロントエンドの方にぜひ知ってもらいたい！というのはもちろんですが、デザイナーの方もこれを読んで気遣いがチラ見えするPSDを作れるようになったら、明日から職場の空気が和やかになるかもしれませんね。 その気遣い、伝わってないかも。 デザイナーは普段Photoshopを使っていて自分の使いやすいようにプラグインを入れていたり、さまざまな機能を駆使してい

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある（主に下ネタ）」が盛り込まれていて、いい意味でヒドイ内容でした。もう一回観たい（´ω`） さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれ、おいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド「slideToggle／fadeToggle／toggleClass」をご紹介します。 こいつらを知っとくと下記のようなメリットがあります。。 アコーディオンメニュー、タブ、スマホサイトでよくある「上からスラスラ出てくるメニュー」とか実装できる 超シンプルな記述なので、今日から使える いやーこれは便利ですね。 というわけで、早速解説していきます。 【こちらもおすすめ】 超簡単jQ

もしも、今まで1時間かけてやってきたことがたったの15分でできるようになったら、凄くありがたいですよね。余った45分間で世界を変えられるかもしれません。時は金なりです。ということで今回は、一気に作業の効率化を図れるGoogle Chromeの拡張機能を調べてみました。 特に役に立つなと思い、神に感謝したものを13個ご紹介します。 効率化の化身！おすすめChrome拡張機能13選 1. ページ全体のキャプチャに便利！　- Awesome Screenshot Awesome Screenshot みなさんはページキャプチャに何のツールを使っていますか？　OS標準のスクリーンショット？　それともSkitch？　これらのツールを使っているとページ全体のキャプチャが出来ず困ってしまうことがありますよね。そんなときにこの拡張機能が入ってると便利です。本当にありがとうございます！ できること Webペ

はじめまして、外部ライターつるたまです。 カメラマンとして一瞬一撮をメインに撮影や写真記事の執筆と、ぱくたそでの写真提供を行っております。 LIGブログではカメラ未経験者のために、記事やWebなど仕事で写真を撮影するときのポイントをジャンル別にお伝えしていければと思います。 今回のテーマはインタビュー写真の撮り方です。 インタビュー撮影に必要なカメラ機材 まずは、カメラ機材を用意しましょう。 基本セット 一眼レフやミラーレスカメラ（以下、一眼カメラ表記） 標準レンズ＆望遠レンズ メモリーカード あると便利なもの 単焦点レンズ ストロボ 読者に伝わる！一眼カメラとレンズの特徴 レンズにはいろいろな種類があります。それぞれのメリットや撮影時のポイントをご紹介します。 「単焦点レンズ」や「望遠レンズ」で被写体を明確に 単焦点レンズや望遠レンズを使用することで、背景の不要な映り込みを抑えたり、ぼか

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 突然ですが、皆さんのPCには何種類くらいのフォントがインストールされていますか？ ご家庭のPCならそんなでもないでしょうが、デザイナーさんの仕事用PCなら結構な種類があるんじゃないでしょうか。 困ったことに、豊富な種類のフォントをインストールしてると起動時に毎回PCが全てのフォントデータを自動的に読み込んでしまうので、起動時間が長くります。（´Д` ） じゃあどうすればいいのかっていうと、フォントデータを使う時だけインストールして、使わないときはアンインストールすればいいんです。 その作業を普通にやってたら超面倒くさいでしょうが、フォント管理ソフトを使えば楽にできます！ そこで今回、Noh JungHoon氏のフリーソフト「NexusFont」を使わせていただくことにしました。 これを使えば、「フォント

広告運用初心者に必要なノウハウを 実践を通して体系的に学ぶ。 本講座は新卒や未経験者など、主にインハウス(自社)の広告運用者を育成する研修講座です。 ビジネス、IT、マーケティング基礎、集客手法、HPの知識など「運用型広告の業務に必要な土台と基礎」を習得します。 講義内容はキーワードマーケティング社の実績ある社内研修をもとに開発。即戦力になるために必要なノウハウを身につけます。

こんにちは。エディターのさえりです。だんだんと暖かくなってきましたね。世の中は別れと出会いの季節のようです。 「出会いがほしい！」 そう思っている人もいると思いますが、じつは出会い自体は日々起こっているはずなんです。でも、その中で「自分にとっていい人」を見つけるのが難しいんですよね。わかる。 そもそも出会いの確率って？ 現在、世界の人口はおよそ73億人。 その中で自分と接点がある人間の数はどのくらいでしょうか？　仲良くなったり、少し会話を交わしたり、挨拶をしたり……。たまの交流会で50人に出会ったり、一週間引きこもったりを繰り返したりするので、毎日平均3人と出会うと仮定します。そして、80歳くらいまで生きたとしたら……。 つまり、一生のうちで87,600人と出会っているわけです！ そのうち男女比が半々だと仮定すれば、43,800人。その中から数人を選んで付き合い、さらにその中から1人を選ん

こんにちは、デザイナー兼イラストレーターのもりたです。 最近、うら若い後輩たちが意外とフォントのあれこれについて知らないということに気付きました。なので、フォントのことについて何回かに分けて書いていきたいと思います。 第1回目は、プロになりたてのデザイナーだとうっかり間違えることも多い、「フリーフォント」について。 初歩的な話しかしていないので、もう何年もデザイナーをやってる人にとっては常識なことばかりだと思います。 いろんな人に叱られたり肝を冷やしたりしながら覚えてきたことだと思うので、若手の子が迷ったとき、こんなことも知らないの？と言う前に、ぜひこの記事のURLをそっと渡してあげてください。 もくじ そのフリーフォント、使っても大丈夫？ フリーフォントの「フリー」は、無料という意味 フリーでも使えない場合もある！ フリーフォントを使うときに気をつけたいこと フリーフォントを探すならこの

あなたは「了解しました」と「承知しました」、どちらをよく使いますか？ 【アンケート】 「了解しました」と「承知しました」、どっちを多く使いますか？ — 菊池良 / Kikuchi Ryo (@kossetsu) 2016年2月25日 ツイッターでアンケートしたところ、こんな感じでした。わずかに「承知しました」の方が多いですね。 この2つの言い回しですが、「了解しました」よりも「承知しました」を使う方が正しい、とよく言われています。 僕がこれを初めて知ったとき、強い違和感を覚えました。理由は 「了解しました」をよく使っていた 日常でもビジネスでも「承知しました」を使っている人を見たことがなかった ある日、急に言われ始めた からです。「承知」が日常的な言い回しではなかったので、気になったんですね。 そこで調べてみたところ、いつから言われ始めて、どういう経路で定着したのかがある程度わかりました。

こんにちは。このたびLIGにJOINしましたデザイナーのトミーです。 好きなものは海外ドラマです。一番好きな海外ドラマは『Breaking Bad』と『Better Call Saul』です。 さて最近は、デバイスごとにレイアウトが変わるレスポンシブやアダプティブサイト、PCではインタラクティブなページ遷移やアニメーション、WebGL（Web Graphics Library）が使われているサイトなど、Webサイトの表現は多岐にわたるようになりました。 技術の進歩と共にデザインや表現が変わるWebサイト。誕生して約25年ほどたった今、どのくらい進歩したのでしょうか？　そこで今回はWebが始まった1990年代のデザインと今の変化を探ってみようと、昔と今のWebサイトをまとめてみました。 サラっと年表 1990年 : World Wide Web 誕生 1995年 : Yahoo! 設立 19

こんにちは、デザイナーの藤田です。 デザインをやっていると、見出しのデザインに悩むことって結構ありますよね！ 自分のデザインストックを増やすためにも、今回のブログでは今っぽい見出しデザインをタイプ別にまとめてみました！ 独学でつまずいていませんか？ 現場で活かせるWebデザインを効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） ※この記事は2022年3月に編集部が情報を更新しました ジャンプ率パターン ミニマムなデザインでは見出しに過度な装飾を加えずに、本文に対し見出しの文字サイズを大きくすることで見出しを目立たせるサイト

こんにちは、Web事業部マネージャーでディレクターのさささんです。 先日イベントにて登壇者の多いパネルディスカッションに参加していたところ、メンバーから急遽「イベントを記事にしたい」と言われました。 いわゆるムチャぶりってやつです。 ディレクターの僕が、ボイスレコーダーを持っているわけもなく、ましてやiPhoneで録音するにも登壇者が多いので声の判別がつきません。では、動画はどうか？　と考えましたが、ビデオカメラを持っていない。一眼レフやiPadで撮ろうとしても、容量や手ブレがすごく気になる！ そんなときにどうしたか……実はPCを使って撮影したんです。とはいえ、PCも容量が気になりますよね。今回は、ビデオカメラがないときでもPCの容量も使わず動画撮影がラクラクできる方法についてご紹介します。 まずは、準備から。 デバイス

こんにちは！　デザイナーのまきこです。 わたしは以前、著名なアートディレクターの方に「デザインがうまくなるにはどうしたらいいでしょう？」と、大変にストレートな質問をしたことがあります。そのときいただいたのは、「文字の扱いがうまくなると、デザインがうまくなるよ」という言葉でした。 あれから何年か経ちますが、ふとその言葉を思い出すことがあります。そして、「あのときはあんなふうに言われたけど、たいしてうまくなってないなあ」と、ぼんやり考えてから、また作業に戻っていく。と、ここまでが、去年までのわたしのいつものパターンでした。 でも、2016年のわたしはちょっと違います。ちょうど昨日、「文字の扱いがうまくなると、デザインがうまくなるよ」という言葉をまた思い出しました。そこで、「あ、これ、ブログにしよう」と思い立ったわけです。 今回はデザインにおける文字の扱い方の中でも、わたしが普段意識している、「

よく有名人の卒業文集がメディアで紹介されたりしますよね。 「今、こんなことをやっている人は、卒業文集にこんなことを書いていた」って。 そこで思ったんですが……。 自分が勤めている会社の社長は、どんな卒業文集を書いているんでしょうか？ 社長の卒業文集を読もう 人物紹介：岩上貴洋 株式会社LIGの代表取締役社長。大学に在学中からアーリーステージを対象とした独立系投資会社にて、投資業務、コンサルティング業務に従事。 2007年、株式会社LIGを創業。 人物紹介：吉原ゴウ 株式会社LIGの代表取締役社長。中学校を卒業後、農家、カヤックインストラクターなどを経て、ウェブデザイナーに。2007年に株式会社アストロデオを設立。2012年に株式会社LIGと合併。 彼ら2人の卒業文集をゲットしようと思います！ すべて本人たちには内緒で行っています。この記事が公開されたときに、この事実を知るでしょう。 岩上貴

突然ですが質問です。あなたは、レイ派ですか？　アスカ派ですか？　はい、どーっちだ！ 僕は霧島マナちゃん派、外部ライターのけいろーです。 あの頃はシンジと同い年の「チルドレン」だった自分も、気づけばミサトさんに追いつこうとしている今日この頃。久しぶりに読み返したら、シンジよりもミサトさんに共感してしまったことからも、年月の流れを感じます。「そうなのよ……”風呂は命の洗濯”なんですよ……！ 」って、マンガでは言ってなかったっけ。 というわけで今回ご紹介するのは、言わずと知れた大人気アニメーション『新世紀エヴァンゲリオン』のコミカライズ版。貞本義行さんが描き出したエヴァンゲリオンの世界、通称「貞本エヴァ」です。 （以下、ネタバレを含みます） 足かけ19年の連載を経て、ついに完結！　『新世紀エヴァンゲリオン』 新世紀エヴァンゲリオン　1 （角川コミックス・エース） もはや説明するまでもない人気作品

それでは、みんなが15分という短い間でどのようにコーディングしたのか見ていきましょう！ SMACSSで汎用性を意識した、店長のモジュール化コーディング See the Pen gPPpOJ by yusuke omi (@Im0-3) on CodePen. まずは手前味噌ですが、私、店長のコードから紹介したいと思います。ポイントは、SMACSSでのCSS設計を意識したコーディングです。 グリッドレイアウトはSMACSSのレイアウトルールに沿った命名にし、使い回しがしやすいようにパーセントで、グリッド幅を指定しました。また、カテゴリの部分やNEWのパーツはモジュール化して、他のところでも使い回しをしやすいように計算をしています。 意味のあるコードだけを書きたい。まろCのエモコーディング See the Pen xZZNey by maroc (@maroc) on CodePen. CTO

こんにちは、人事からWebディレクターに異動したなっちゃんです。 上司であるそめひこから「なっちゃん、いいプレゼン資料のつくり方をまとめた記事書いて！」と言われたので、この記事を書き始めました。わたしにタスクを課したそめひこは、現在進行形でプレゼン資料をつくっています。それ、今自分が欲しい記事ってことですよね？ ということで、プレゼン資料づくりから発表の場まで、参考になる資料をまとめました。 デザイン編 ビジネスマン必見！キレイな提案書を作るためのデザインの基礎知識 資料のキレイさ　★★★★★ 読みやすさ　　　★★★★★ シンプルさ　　　★★★★★ まず、この資料自体がシンプルかつオシャレで、非常に読みやすくまとめられています。色をうまく使うための基礎とコツが、資料の中にふんだんに盛り込まれています。また、余白の取り方、文字フォント選びについても触れられており、全部読まずとも、重要なポイン

ツベルクリン良平 LIGのライター。副業で個人ブログ「自省log」を運営し日銭を稼いで暮らす。夢は億万長者で、ほぼ毎秒金のことを考えている。 さっき気づいたのですが、あと1ヶ月半くらいで確定申告の季節なんですね。もうやだこの国。 僕みたいに会社員でちょっと副業しているだけでもめんどいのに、有名ブロガーとかスゲェ大変だと思うんですよ。もしかしたら申告してないのかもしれない。 もし万が一してないのなら、許すわけにはいかない。それが誰であろうと血祭りにあげるしかないのです。 まずは確定申告のお勉強 とはいえ僕の「確定申告ナレッジ」は、ほぼゼロ。有名ブロガーを問い詰めても論破できないかもしれないので、専門家に詳しいことを教えてもらいましょう。

【サンプルPSDデータ配布中！】デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみた こんにちは、デザイナーのもりたです。 突然ですが皆さん、整理整頓は得意ですか？　私の会社のPCのデスクトップはスクリーンショットだらけです。 よく整理整頓の第一歩はルールづくりだと言いますね。 リモコンはサイドテーブルに置く、雑誌はラックに入れる、シャツ類は一番上の引き出しに入れる……。でも、整理整頓ができる人にはきっとわからないけれど、自分に合わせたルールをつくるのが一番めんどくさいんですよ！ だからデザイナーの間でもPSD（Photoshop Document）のレイヤー整理がまちまちだったり、同じ人でさえ場合によって変わったりします。そこで、いちいち考えることすらめんどくさくなったので、社内共通のルールをつくってしまおうということになりました。 せっかくつくったので、今回はそれをご