2025.02.03
design
地方からでも大丈夫！デザイナーのフルリモートライフ
はじめにこんにちは！ 株式会社エムハンドの広報チームです📢 弊社ではフルリモート勤務を推進しており、地方に住みながら働いている社員が多く在籍しています。（山と山の間に住んでいる方もいるんだとか…👀）今回は地方在住デザ...
2025.01.29
design
QCチャレンジ案件について
はじめに弊社では次世代のデザイナー育成のため、デザイナーのスケジュールに余裕がある時期にトップデザイナー以外のデザイナーがトップデザイン制作の経験を積むことができる「QCチャレンジ案件」という制度があります。この記事では...
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ヶ月が経ち、これまでにやってきたことや学びを記事にすることになりました。私は美大やデザイン科に通ったことがなく...
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.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.07.25
design
今さら聞けない！ UI（ユーザーインターフェース）とは？
デザインをするうえで、『UI』という言葉をよく耳にするかと思います。近年のデザイン業界ではさらにその注目度が増していますが、なんとなく意味はわかっていても、きちんと説明するのはちょっと……という方も多いのではないでしょう...
2019.07.25
design
CI・VI・BIのそれぞれの役割
ブランディングを考える際、CI（コーポレートアイデンティティ）・VI（ヴィジュアルアイデンティティ）・BI（ブランドアイデンティティ）の名前は聞いたことがあるけれど、はっきりとした目的や役割を理解して区別しないとかえって...
2018.07.01
design
スマホデザインのフォントサイズの基準は？目安となる国内サイトを大調査！
はじめまして。モロゾフのデカプリン大好き。うえだです。スマホサイト、デザイン時フォントまわりで悩んだ経験ありませんか？ネット検索しても、情報がパッ見つからない…他社見ながら作ってみるものの、思ったよりサイズが大きかったり...
2018.06.22
design
【Webデザイナー必見】入れるだけで作業が捗る用途別Chrome拡張機能7選
Chromeの拡張機能ってたくさんあって、結局どれを入れたらいいんだろうと悩んでいる人も多いのではないでしょうか？特にデザイナーという職種は時間との戦いで、1分1秒でも無駄にできないですよね。そこで今回はデザイナーが入れ...
2018.02.27
design
【Photoshop】ワンクリックでプロ級の写真加工！Photoshopアクションファイル10選
「大量の写真を一括で補正したい！」「簡単にプロカメラマンが仕上げたような加工がしたい！」ということはありませんか？そんなときに役に立つのがアクション機能です。アクションとは、登録した操作をワンクリックで再生することができ...
2018.01.26
design
【Photoshop】トゥイーン機能を使って滑らかなGIFアニメを作る方法
「Photoshopで滑らかに動くGIFアニメを作りたいけど、画像を大量に作らないといけなくなり、めんどくさいそう！」と思ったことはありませんか？ 今回はアニメーションの開始点と終了点を指定するだけで、中間のフレームを自...
2017.07.18
design
【Illustrator】地図の作成などに便利なアピアランス機能
アピアランス機能とはアピアランスとはオブジェクトの「見た目」のことです。アピアランス機能を使うと、元のオブジェクトは変えないまま、見た目だけを自由に変えることができます。アピアランスには、塗り、線、透明度、効果といった属...
2016.02.15
design
Webデザインで「ふきだし」使ってますか？使用例ときれいに見せる4つのポイント
こんにちは、デザイナーの米田です。 最近iPhoneの指紋認証の成功率が5割程度まで落ちてきました。乾燥が原因なのか、私の指紋が進化し続けているのか。さて、漫画には欠かせない存在『ふきだし』 Webデザインでも至る所で見...
2015.12.08
design
デザインの基礎力をアップする「雑に見えない余白のルール」５つのポイント
こんにちは、デザイナーの内藤です。みなさんは、デザインをする上で余白とどのように付き合っていますか？余白はデザインにメリハリとルール、そしてリズムを与えます。この余白に対して、「なんとなく」「感覚で」というナァナァな状態...
2015.08.17
design
分かりやすいグラフを作りたい！IllustratorとPhotoshopで作る円、棒グラフ
「Illustratorで作れるみたいだけど、イマイチ作り方が分からない！」って思いませんか？そんな方のために、分かりやすい円グラフ、棒グラフの作製、デザインのカスタマイズ方法をご紹介します。
2015.07.13
design
WEBデザインで押さえるべき配色（ベース、メイン、アクセント）の基本「3つのカラー」
デザインをする際に欠かせない要素の一つとして、カラーの配色がありますよね。しっくりこない、これであってるのかな？などで悩んだ経験は1度や2度はある事と思います。今回はWEBサイトをデザインする際に必要な、ベースカラー、メ...
2015.06.01
design
【Photoshopおさらい塾①】 文字のアンチエイリアスの種類について
こんにちは、デザイナーの内藤です。ここ数年エムハンドでは新卒採用を積極的に行っており、将来性を感じる方であれば、WEBデザインについて未経験であっても採用となるケースが増えています。そうして入社した方にPhotoshop...
2015.04.06
design
超スッキリ整理！ 大量のレイヤー名を一括置換するPhotoshopのスクリプト
Photoshopでデザインを行うと、PSD上のレイヤー数があれよあれよという間に増えてゆき、いつの間にか200～300枚くらいできてしまっている松岡です。ある時ふと、どれくらいの時間を整理に費やしているのか気になって、...
2015.03.16
design
【Photoshop】思わずよだれが！ 料理写真をより美味しそうに見せる3つのポイント
飲食店のサイトにおいて、写真の印象はとても重要です。料理の写真が美味しそうか否かで、ユーザーへの訴求力は大きく変わってきます。 そこで今回は、料理写真の魅力をさらにアップさせるためのポイントと、Photoshopを使った...
2015.03.02
design
たったワンアクション！ 大量のPSDファイルを一気にJPEG保存する方法！
今回は、意外と知らなかったPhotoshopのドロップレット機能を使って、ドラッグ＆ドロップするだけで、複数のPSDデータを一気にJPEG保存する方法をご紹介します。この方法は、バッチ処理などと違い、Photoshopを...
2015.02.02
design
超簡単！Photoshopで疲れたお肌を一瞬でツルツル美肌にするアクション
お客様の画像を使う際、Photoshopで綺麗に美肌補正までして使いたい。美容関係やサービス業のサイトなら、なお更です。でも、丁寧に補正をかけている時間がないことありますよね。そんな時に便利なアクションをご紹介します。
2015.01.19
design
描画モードが乗算のオブジェクトをデザイン通りにスライスするPhotoshopテクニック
デザイナーさんから受け取ったPSDデータをいつも通りスライスしたのに、デザイン通りのコーディング結果にならない！そんな時は、PSDデータの描画モードを確認してみてください。
