2024.06.21
design
皆で創るデザインシステム
はじめに株式会社エムハンドの岩松です。アートディレクターとして、弊社のアウトプットの品質向上に注力しております。また、コンサルティング部のマネージャーと兼任で、今期（2024年11月）からデザイン部全体のボトムアップにも...
2024.06.19
design
MiSO TONE（ミソトーン）ができるまで
はじめに株式会社エムハンドの岩松です。アートディレクターとしてクライアントワークに取り組む傍ら、エムハンドのブランド戦略（自社サイトの制作＆運用と広報）を担当しております。今期（2024年11月）からデザイン部全体の改善...
2023.09.08
design
MARPとWARP
はじめに株式会社エムハンドの岩松です。僕はアートディレクターとしてクライアントワークと並行し、自社のコーポレートサイト、リクルートサイト、MARPの3サイトの制作＆運用を担当しております。MARPはデザインリンクのポータ...
2023.09.08
design
WebデザイナーのBlender入門
はじめに株式会社エムハンドの宮崎（@Daigo_Miyazaki）です。2020年に新卒でエムハンドに入社した今年で4年目のデザイナーです。大学ではプロダクトデザインを専攻しておりました。現在は、Webデザインをベースと...
2023.09.07
design
新卒デザイナーとAfter Effectsの7日間
はじめに4月に新卒で入社したデザイナーのSato（@nrikautsa）です。入社から早くも4ヶ月が経ち、業務や課題に向き合いながら日々デザインに取り組んでいます。研修期間の一環として「チャレンジ案件」というプログラムが...
2023.08.16
design
デザインの引継ぎで注意するポイント
はじめにエムハンドに新卒入社して、デザイン歴8年の徳谷です！弊社では、TOPデザインを担当するデザイナーと、下層デザインを担当するデザイナーをチームに分け、案件のデザイン進行と品質管理を徹底しています。サイトの顔とも言え...
2023.08.09
design
ストックフォトで効率的に素材を検索するコツ
ストックフォトサービスを利用してデザインに使用する素材を探す際に、イメージ通りの素材を探すのに時間がかかってしまうことはありませんか？キーワードを一つで検索しただけでは検索結果が膨大なものになってしまい、いつまで経っても...
2023.08.08
design
チェックバックの視点
はじめに株式会社エムハンドの岩松です。アートディレクターとして、弊社の全案件TOPデザインの品質チェック（チェックバック）をおこなっています。品質チェックというと、たいそう偉そうに聞こえますが..。実態はデザイナーさんと...
2023.08.07
design
エムハンドのデザインができるまで
エムハンドのWebデザインが完成するまでのフロー、品質向上のための取り組み、ブラッシュアップの流れなどをデザイナー視点でご紹介します。
2023.08.03
design
デザインで意識することについて
はじめに株式会社エムハンドの岩松です。アートディレクターとして、弊社のアウトプットの品質向上に注力しております。今この時代に「どのようなデザインをすべきか」に向き合い、考えるデザインを実践するために..弊社では、デザイン...
2023.05.30
design
エムハンド新卒デザイナーの入社1ヵ月
今年4月に新卒でエムハンドに入社したSato（@nrikautsa）と申します。デザイナーとして入社してから1ヶ月が経ち、これまでにやってきたことや学びを記事にすることになりました。私は美大やデザイン科に通ったことがなく...
2022.10.05
design
【Web制作実績まとめ】 エムハンド制作のランディングページ 25選
ランディングページ（LP）とは、検索結果や広告などを経由してユーザーが最初にアクセスするページのことです。商品やサービスに特化したWebページのことを指し、リスティング広告やバナー広告などをクリックした際のリンク先でよく...
2022.09.09
design
【Web制作実績まとめ】 エムハンド制作のリクルートサイト 25選
弊社はこれまで多数のリクルートサイトを手掛け、その業種・業態は多岐に渡ります。リクルート市場は少子化による人材不足の影響で、戦略的なリクルートサイトが重要視され、企業らしさを視覚的に表現することや、新しい見せ方が求められ...
2022.08.10
design
【Web制作実績まとめ】 エムハンド制作の歯科サイト 37選
エムハンドのはじめてのクライアントは歯科医院様でした。その歯科サイトの評判は歯科業界に広がり、これまでに100医院以上のサイトを手がけることにつながりました。今回はエムハンドの原点ともいえる歯科サイトを設計ポイントも含め...
2022.08.02
design
【Web制作実績まとめ】 エムハンド制作の士業サイト 36選
エムハンドはこれまで多数の士業系事務所のWebサイト制作を行ってきた士業に強いWeb制作会社です。「伝えるべき人に、伝えるべきことを、伝わりやすく。」をポリシーとして掲げ、クライアントとじっくりとお話しながら丁寧に誠実に...
2021.12.01
design
ニューモーフィズムとは？押さえておきたいポイントと作成ルールについて
Webデザインにて「フラットデザイン」が流行り、定着してかれこれ10年あまり経とうとしています。今回は昨年から新しいデザイントレンドとして注目を集めた「ニューモーフィズム」というデザイン手法を改めてご紹介していきます。
2021.11.26
design
【早見表】SNSロゴのガイドライン丸ごと全部集めてみました！
近年、企業や店舗でも複数のSNSアカウントを運営しているところが増え、ホームページにも誘導のためのSNSロゴやアイコンを設置することが多くなりました。そんなSNSのロゴデザインには、細かな定義やレギュレーションが決められ...
2021.09.26
design
【WEBデザイン】フォントの選び⽅、使いやすいと思うGoogleフォント
今回はデザインにおいて重要な、フォントの選び⽅についてお話ししていきます。デザインの印象を作るものとして写真やカラーと同じくらいフォントは重要で、⽬指すイメージに合わせてフォントを⾒極めて設定していくことが必要です。フォ...
2021.09.19
design
デザインの配色方法＆テーマ別配⾊パターンのご紹介（おすすめの配⾊参考サイトも）
今回はデザインの印象を作る上でとても重要な「配⾊」について、お話していきたいと思います。以前、エディトリアルデザイナーをしていた経験もあり、配⾊によってイメージがガラッと変わることや、良い配⾊をすることで洗練された印象を...
2021.09.12
design
レスポンシブデザインとリキッドデザイン？それぞれの特徴とメリット、デメリット！
レスポンシブデザインとリキッドデザインをご存じでしょうか？Webデザインをする中でよく耳にする言葉ではありますが、特徴がわからないままデザインしている方も多いようです。今回はその2つの手法の特徴についてお話しさせていただ...
2021.08.27
design
業務上で役立つツール10選
デザイン作業において便利なツールを紹介します。主に皆さんから紹介いただきましたものを紹介します。ちょっとしたこともショートカットすることで、時間短縮して正確に作業できるので、ぜひ参考にしてみてください。
2021.08.24
design
XDでホバーアニメーションを作成する方法
今回はXDで作れるアニメーション（インタラクション）機能についてご紹介したいと思います。いままでレイヤーを分けてアニメーションの指示やホバーイメージなど作っていたのですが、いざ使ったら視覚的にわかりやすく動きもつけられる...
2021.07.13
design
CMSってなに？初心者でも分かる基礎とデザインについて
近年、Web制作においてCMSという言葉をよく耳にするかと思います。代表的なものとして「WordPress」や「Movable Type」などのCMSツールの名前を聞いたことのある方も多いことでしょう。今回は、CMSにつ...
2021.07.09
design
複数人のデザイナー、エンジニアと連携しやすいデザインの作り方（フォント ・マージンの基本ルール）
まえがき今回は、複数人で業務するWEBサイト制作に関しての注意点をデザイナー視点でまとめました。ページ数の多い中規模から大規模サイトは、複数人のデザイナーとエンジニアで分業しながら制作するため、ルールがあいまいだと、方向...
2021.07.05
design
XDの便利な機能を使いこなそう！プラグイン編
前回はワイヤーフレームやWebデザイン作成に便利なXDの基本的な機能についてお話しさせていただきました。今回はXDの作業がもっと時短・便利になるプラグインをご紹介いたします。プラグインを利用してより効率よくワイヤーフレー...
2021.04.27
design
素材づくりに便利！IllustratorのWebデザイン活用術
皆さんは普段どのようなソフトでWebデザインをされていますか？Photoshop、Illustrator、Sketch、XDなど様々だと思います。今回はその中でどのソフトを使用されている方にも一緒に活用してほしい、Ill...
2019.09.30
design
UIデザイナーの仕事とは？UIデザインをする前に知っておきたいこと
第2回目の今回は「UIデザイナー」をテーマにお話ししようと思います。 UIデザイナーという職業がよく分かっていない方、これからUIデザイナーを目指したい方には、まず知っておいてもらいたい情報をまとめてみました！前回でも少...
2019.09.30
design
CIについて
以前、ブランディングを考える際のCI・VI・BIの違いについて言及しました。今回はさらにCIの内容の深掘りしてCIの本質に迫り、より良いデザインと説得力のある企業価値の実現に向け、事例を踏まえて説明していきたいと思います...
2019.07.25
design
CI・VI・BIのそれぞれの役割
ブランディングを考える際、CI（コーポレートアイデンティティ）・VI（ヴィジュアルアイデンティティ）・BI（ブランドアイデンティティ）の名前は聞いたことがあるけれど、はっきりとした目的や役割を理解して区別しないとかえって...
2019.07.25
design
UX（ユーザー・エクスペリエンス）とは？
近年、UXという単語が当たり前のように使用されています。しかし、単語の利用に反して、具体的に説明できる方は少ないかと思われます。そこで、今回UXについて詳しく説明します。
2019.07.25
design
今さら聞けない！ UI（ユーザーインターフェース）とは？
デザインをするうえで、『UI』という言葉をよく耳にするかと思います。近年のデザイン業界ではさらにその注目度が増していますが、なんとなく意味はわかっていても、きちんと説明するのはちょっと……という方も多いのではないでしょう...
2018.07.01
design
スマホデザインのフォントサイズの基準は？目安となる国内サイトを大調査！
はじめまして。モロゾフのデカプリン大好き。うえだです。スマホサイト、デザイン時フォントまわりで悩んだ経験ありませんか？ネット検索しても、情報がパッ見つからない…他社見ながら作ってみるものの、思ったよりサイズが大きかったり...
2018.06.22
design
【Webデザイナー必見】入れるだけで作業が捗る用途別Chrome拡張機能7選
Chromeの拡張機能ってたくさんあって、結局どれを入れたらいいんだろうと悩んでいる人も多いのではないでしょうか？特にデザイナーという職種は時間との戦いで、1分1秒でも無駄にできないですよね。そこで今回はデザイナーが入れ...
2018.05.21
design
【Photoshop】実はあまり知られていない？！Webデザインの現場で役立つフォトショップの小技・ショートカット5選！
日々Photoshopをバリバリ活用中のWebデザイナーの皆さん、こんにちは。今回は実はあまり知られていない？！実務で役立つ小技をご紹介させていただきます。「もう2年以上Webデザインをしているし、ショートカットなんてバ...
2018.05.07
design
バナーデザインで困ったら試してみたいポイント
ＧＷに友人を「一緒に動物園にいこう！」と誘ったら見事に全員に玉砕したデザイナーです。さて、Web業界で欠かせない広告の「バナー」。バナーデザインは決められた空間内でどれだけユーザーの目にとまるようなデザインにできるかが重...
2018.02.27
design
【Photoshop】ワンクリックでプロ級の写真加工！Photoshopアクションファイル10選
「大量の写真を一括で補正したい！」「簡単にプロカメラマンが仕上げたような加工がしたい！」ということはありませんか？そんなときに役に立つのがアクション機能です。アクションとは、登録した操作をワンクリックで再生することができ...
2018.01.28
design
【下層デザイン版】たった10分！ スケジュールをスムーズに進めるための方法
下層デザインって結構ページ数が多く依頼されることもありますよね。デザインのテイストによってはめちゃくちゃ時間がかかってしまってスケジュールが押してしまう！という人も多いのではないでしょうか。そこで、今回は下層デザインの作...
2018.01.26
design
【Photoshop】トゥイーン機能を使って滑らかなGIFアニメを作る方法
「Photoshopで滑らかに動くGIFアニメを作りたいけど、画像を大量に作らないといけなくなり、めんどくさいそう！」と思ったことはありませんか？ 今回はアニメーションの開始点と終了点を指定するだけで、中間のフレームを自...
2017.07.18
design
【Illustrator】地図の作成などに便利なアピアランス機能
アピアランス機能とはアピアランスとはオブジェクトの「見た目」のことです。アピアランス機能を使うと、元のオブジェクトは変えないまま、見た目だけを自由に変えることができます。アピアランスには、塗り、線、透明度、効果といった属...
2016.04.06
design
【photoshop】新人WEBデザイナーにオススメ！作業がはかどるphotoshop拡張機能7選！
こんにちは。四条河原町の川沿いの桜を見て「今年こそは盛大にお花見がしたいなぁ。」と思っている、デザイナーの上坂です。仕事としてデザインをするようになってから、意識しなくてはならなくなったのが作業の効率化です。私もデザイナ...
