拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
【神】Photoshopより、ずっとはやーい！Sketchの素晴らしさを動画で学びながら体験してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、カクシンのアートディレクターのまきこです。アイドル集団「ハロー！プロジェクト」では賛否両論の新体制がはじまりましたが、わたしは変わらず大好きです！ さて、みなさんは、 「Sketch」というデザインツール を使ったことがありますか？ 今回、オンライン動画学習サービス “Udemy” で人気の「Webやアプリの最新デザインツール Sketch3」という動画講座をPRするため、初めてSketchを使うことになったのです。しかし、SketchってWebデザインの現場だとちょっとマイナー。Photoshopと何が違うのかもよくわからない……。 だけど実際に使ってみると、作業がものすごーく早くなったし、 だったんですよ！ 実際に受講した動画講座の内容に沿って、その魅力を紹介しますね！ そもそも「Sketch」って？ Sketchは、アプリやWebサイトのUIデザインに特化したツール。ペー
WEBプロダクション「BIRDMAN」がクリエイティブである4つの秘訣
こんにちは、ライターのおだんです。エンジニア好きが高じてWeb業界專門のライターをしています。 まずはなにも聞かずこのサイトを見てください。ひとつの作品のように作り込まれたユニークな世界観。最先端のインタラクティブ広告を制作する「BIRDMAN」のコーポレイトサイトです。 オカモトゼロワンのプロモーション「LOVERS研究所」、キリン「氷結Ⓡ あたらしく☆画たろう!!!」など話題のプロモーションサイトを多数制作。斬新なアイディアとクリエイティブは国内外で高く評価され、カンヌライオンズ、広告電通賞、Code Award、スパイクスアジア、アドフェストなど130以上の賞を受賞しています。 なぜBIRDMANはクリエイティブでありつづけられるのか？ その秘訣を取材しました。 人物紹介：株式会社BIRDMAN 築地ROY良氏 1973年生まれ。1998年に来日しグラフィックデザイナーとして活動後、
UIデザイナーの私がPhotoshopからSketchへ乗り換えた9つの理由 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
初めまして。アメリカからやってきたUIデザイナーのCorey（コーリー）です。 LIGの転職サービス「Poole」でUIデザインをしています。 PhotoshopやIllustratorをメインとして使うデザイナーは多くいると思いますが、私はPhotoshopをほとんど使いません。1年前にSketchへ乗り換えたからです。 現在、日本のデザイン界ではSketchはそれほど使われてないかもしれませんが、海外ではSketchが大ブームになっています。 今回は私が最強なPhotoshopからSketchへ乗り換えた理由をお伝えします。 Sketchへ乗り換えた理由（Why I Use Sketch） http://bohemiancoding.com/sketch/ 1. UI Design中心 Sketchは完全にWebとモバイルUIデザインの専用ツールなので、それ以外の余計な機能が入っていま
【スライス不要】Photoshop画像アセット生成の基本とつまずきがちな5つのコト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） スライスせずに書き出せるPhotoshopの「画像アセット生成」って？ 画像アセット生成とは、ファイルのレイヤーやレイヤーグループのコンテンツからJPEGやPNG等の画像アセットを生成するという、スライス作業を不要とする機能です。PhotoshopCCから実装されている機能で、CC2014以降は画像に加えてSVGの書き出しも可能となりました。 普段からコーディングもしているデザイナーさんは効率化のために早くから使ってい
無料でできる！オリジナルアイコンフォントを作ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんはじめまして！ アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ～んしゃ～♪」とか「ぶぅ～ぶぅ～♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね～。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる！」「もっと少なくしたい！」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
今から作ろうとしているWebサイトに、コピーライターはアサインされていますか。
ジョンと申します。 1万字を超えてしまいました。 こんなに長い記事を書いたことは過去にありません。でも、ぼくなりの、集大成の記事になったと思っています。 いろんなことを書いていますが、結局ぼくが言いたいことはこの一言に尽きます。 お客さまに寄り添ってコミュニケーションを考えるので、LIGではなく、ぼくに仕事をください。です。 はじめに ぼくはずっとコピーライターとして従事してきて、2014年の暮れにWebディレクターの肩書きを与えられました。そこから数ヶ月、まだ実績がひとつもないにもかかわらず、「Web制作におけるコピーライティングの価値の低さに、ぼくが思うこと。」という記事を書かせていただきました。 コピーライター的思考でWeb制作に貢献できることがあるんじゃないか、という思いだけを吐露したものです。 そうなんです。実績がないので、いま読み返すといまいち説得力に乏しい。だから早いとこ、実
コピーライター・谷山雅計さんに、広告業界の話はすっ飛ばして、Web業界のライティングやコピーライティングについて聞いてきました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ひゃくいち（@tanabe101）です。 なんと、かのコピーライター・谷山 雅計さんにインタビューしてきました。 ▼LIGブログ編集長ナッツ（@nuts612）によるインタビュー後編はこちら 谷山さんは、資生堂「TSUBAKI」「FOGBAR」、東京ガス「ガスパッチョ! 」、新潮文庫「Yonda?キャンペーン」、au「ガンガンメール」「iida」、日産自動車「セレナ」、全日空「OKINAWA」、キリンビバレッジ「生茶」「ペコロジー」、東洋水産「マルちゃん正麺」、日本テレビ「日テレ営業中」「日テレ式」などなど、誰もが目にしたことのあるクリエイティブを手がける広告業界の大御所です。 お話を聞ける、せっかくの機会。インタビューを担当することが決まって震えながら考えたのは「いろいろなところですでに聞かれてきたであろう、いわゆる広告業界の話はすっ飛ばしてしまおう」ということでした。 とい
「Awwwards“だけ”見てください」クライアントを啓蒙しつつ想定を超える｜ Letters | 株式会社LIG
「自身を犠牲にしてでも、かっこいいモノや価値観をつくりたい。残したい」発注前にクライアントを啓蒙する必要性 営業兼ディレクターである野間氏は「未だにPhotoshopとIllustrationはPCに入っていません。一切デザイン作業には関わりません」と話します。Lettersの通常の仕事の流れとは、どのようなものなのでしょうか。 野間 お仕事の多くが紹介と問合わせからはじまり、基本的には僕が打ち合わせに伺います。ヒヤリングの後、案件概要・サイトマップ・スケジュール・参考サイトを記載したメールをメンバーに送って、各メンバーがそれぞれ考えてつくりはじめますね。その後は「デザイン提案。テストサイト確認。はい、公開」っていう、いわゆる旧来型のカッチリしたスケジュールで進める感じです。 旧来型のスケジューリングのいいところは、お客様からの指摘の回数を制限出来ること。「指摘をいただきつつ、いいものを“
PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
コピーライター的思考で、コミュニケーションを円滑にする方法。（恋愛編） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さま、おはようございます。 今がお昼でしたら、こんにちは。 あ、もう夜ですか？こんばんは。 メディア事業部のジョンです。コピーライター出身です。 第2回目の今回も、言葉について書かせていただきます。 【そもそも】ぼくらはいつも、言葉で相手を動かし、動かされている。 ここで、普段の挨拶を思い浮かべてください。 「ウィース」 こんな何気ない一言でさえも、せっかく会ったのだから何か反応してほしい、という気持ちのあらわれです。 「おつかれでーす」 と返事をするのも、あなたの挨拶にちゃんと反応したことを分かってほしい、という気持ちのあらわれです。 このように、ぼくらは常に、言葉によって誰かを動かし、動かされています。でも、なかなか思い通りにいかないこともありますよね。 「なんで分かってくれないんだ」「そんなつもりじゃなかったのに」といったシーンは、ぼく自身、何度も経験しました。 この人をこう動かし
Web制作におけるコピーライティングの価値の低さに、ぼくが思うこと。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ブランディングチームのジョンです。 ぼくは10年近くコピーライターをやってきて、何社か経験もしてきました。Web制作を本業とする会社はLIGが初めてなのですが、この業界に身を置いてひとつ気づいたことがあります。それは、Web制作におけるコピーの価値の低さです。 ※あくまでもぼく自身の日々の中で感じたことなので、以下の内容は個人的な意見になります。 なぜ、そう感じたのか。 いくつか理由はありまして、ひとつは「コピーは原則としてクライアントにいただく」こと、もうひとつは「だからコピーライターがいない」こと、さいごに「コピーの賞はいまだにグラフィックとテレビCMが盛ん」なことです。 1. コピーは原則としてクライアントにいただく いま進めているWeb制作案件のお見積もりに、「コピーライティング費」は入っていますか？ 入っていないケースは意外と多いのではないでしょうか。 なぜか？ それ
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
どうも〜こんにちはぁ！ 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
仕事で信用を積み上げるビジネスマンに共通する行動7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのあだちです。 仕事において、信用って大事ですよね。信用があれば、大きな仕事を任せてもらえるかもしれませんし、評価も高くなります。また、多少のことは大目に見てもらえるときもありますし、やり直すチャンスももらえます。 阪急電鉄の創業者である小林一三は、 成功の道は 信用を得ることである。 どんなに才能や手腕があっても、 平凡なことを 忠実に実行できないような若者は将来の見込みはない。 と語っています。 しかし、一方で、信用を積み上げるというのはとても大変なことです。毎日の行動が少しずつ信用となることを考えれば、「魔法のように信用が上がる行動」というものは存在しません。その代わり、英雄的な行動というものも必要ありません。 毎日、ちょっとした行動を続けていけば、信用は少しずつ上がっていくものなのです。 私が前職でコンサルタントとして人事評価制度を作るお手伝いをしていたとき、「
Web/IT勉強会・セミナー・イベントがサクッと探せるサービス6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 Web業界の会社に勤めていると、日進月歩の新しい知識や技術を習得することが大切だと気づかされることが多いです。 僕も技術者の端くれですから、1日32時間くらいは当然勉強しているんですが、一番の楽しみはいろいろな場所で開かれている勉強会・セミナーに行くことだったりします。 勉強会に行くとその道のプロに教えてもらえますし、仲間もできてモチベーションが上がりますよね。 そこで今回は、そんな勉強会を探すのにうってつけのWebサービスをご紹介させていただきます！ IT/Web業界を中心に勉強会・セミナー・イベントが探せるWebサービス6選 connpass -人をつなぐ IT勉強会・イベント支援サイト- http://connpass.com/ connpassはキャッチコピーの通りIT・Webのセミナー、勉強会
デザイナー・ノンプログラマにおすすめしたいThree.jsのカンタン3D体験 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。最近毎日ハムスターになる夢を見ます。 前回の記事「圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選」にまとめましたが、WebGLを使ったサイトが最近話題になっていますね。 従来の平面で考えるWebの時代から次の時代への移り変わりを感じる今日この頃です。 今回は実際にWebGLを使った3D表現にチャレンジしてみます。 JavaScriptで記述しますが、初心者向けにまとめたのでノンプログラマやデザイナーの方にもチャレンジしてほしいです！実際にコード書くところは5分（早い人なら1分）でできると思います。 そもそもWebGLとは PC上で3Dを描画するための技術にOpenGLというものがあります。OpenGLは3DグラフィックスAPIとも呼ばれていて、様々なプラットフォームに対応しており、広く普及しています。 このOpenGLをWe
【デザイナー厳選】バナーデザインの参考ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは！ Webデザイナーのえびちゃんです。 バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう？」……などなど、デザインの悩みってたくさん出てきますよね。 そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します！ 後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。 「ググってわからないこと」が一瞬で解決するかも？ Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
