島田陽生|Designer/Creative Director Profile Banner
島田陽生|Designer/Creative Director Profile
島田陽生|Designer/Creative Director

@shimada_haruki

24,251
Followers
293
Following
158
Media
607
Statuses

広告代理店でWebプロモーションの企画立案~制作・実行・運用を行っています | Webデザイナー | クリエイティブディレクター | 制作案件などのご依頼はDMまで | 6月17日より、デザインの技術本を販売。

Joined January 2022
Don't wanna be here? Send us removal request.
Pinned Tweet
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
6月17日に書籍を販売することになりました! デザイン現場で使われる実践的な小ワザを集めた書籍です。デザインを勉強中の方や駆け出しの方へおすすめです^^ ご興味のある方は是非、ご検討ください!
2
22
237
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
意外と知られていない 描画モードの小ワザ紹介します ・夜景を魅せるなら「覆い焼きカラー」 ・正反対の色味にするなら「除算」 ・エモく魅せるなら「覆い焼き(リニア)-加算」 ・レトロに魅せるなら「除外」 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
8
10K
40K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
簡単に雰囲気を作れる デザインの小ワザ紹介します ・影をつける ・水の波紋をつける ・水面の波紋をつける ・物の屈折光をつける 寂しい画像でも雰囲気を作ってあげるだけで一気に魅力的になり、ユーザーの心を動かす1枚になります。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
1K
13K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
美容系のデザインで使える あしらい要素の小ワザ! ・水滴あしらい ・水しぶきあしらい ・バブルあしらい ・真珠あしらい ほしい素材を自作できるとデザインの自由度や幅が大きく変わることも多いので、美容系の制作案件が多い方へおすすめです。 #デザイン #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
846
7K
@shimada_haruki
島田陽生|Designer/Creative Director
9 months
意外と知られていない 描画モードの小ワザ紹介! ・夜景を魅せるなら「覆い焼きカラー」 ・正反対の色味にするなら「除算」 ・エモく魅せるなら「覆い焼き(リニア)-加算」 ・レトロに魅せるなら「除外」 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
4
1K
7K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
知っておくと便利な 描画モードの使い方紹介します ・色を明るくするなら「覆い焼きカラー」 ・魅力的な逆光加工にするなら「スクリーン」 ・色を鮮やかにするなら「焼き込みカラー」 ・レトロな印象にするなら「除外」 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
1K
7K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
知っておくと便利な 描画モードの使い方紹介します ・パーライト風にするなら「スクリーン」 ・ドラマチックにするなら「覆い焼き(リニア)加算」 ・画像の特定の色味だけを抜くなら「減算」 ・グロー効果を出すなら「ハードライト」 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
1K
6K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
一瞬で雰囲気を作る デザインの小ワザ紹介します ・影をつける ・水の波紋をつける ・水面の波紋をつける ・物の屈折光をつける 寂しい画像でも雰囲気を作ってあげるだけで一気に魅力的になり、ユーザーの心を動かす1枚になります。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
4
515
5K
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
インパクトをだすテキストデザインの小ワザ ・文字を手前に飛び出させる ・アメコミ風にする ・文字に遠近感をだす ・文字を重ねて立体感をだす インパクトの強いテキストデザインはCV率の改善に効果的です^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
454
5K
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
美容系のデザインで使える あしらい要素の小ワザ! ・水滴あしらい ・水しぶきあしらい ・バブルあしらい ・真珠あしらい ほしい素材を自作できるとデザインの自由度や幅が大きく変わることも多いので、美容系の制作案件が多い方へおすすめ!
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
636
5K
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
知っておくと便利な ブレンドモード(描画モード) の使い方紹介 ・ドラマチックにするなら「覆い焼き(リニア)加算」 ・画像の特定の色味だけを抜くなら「減算」 ・パーライト照明風にするなら「スクリーン」 ・グロー効果を出すなら「ハードライト」 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
758
4K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
ちょっとした要素を魅力的にする あしらいの小ワザ紹介します ・水彩画の画像をマスクする ・メダルの背景をつける ・輪郭をついけ光をあしらう ・水滴の背景をつける どれも簡単にできるのでおすすめです! #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
338
4K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
有料級の商用フリーイラスト素材サイトまとめ ※コメント欄にURLあります #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
388
4K
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
簡単に雰囲気を作れる デザインの小ワザ紹介 ・影をつける ・水の波紋をつける ・水面の波紋をつける ・物の屈折光をつける 寂しい画像でも雰囲気づくりをするだけで印象は大きく変わるのでおすすめです^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
427
4K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
一瞬で魅力的な見た目になる デザインの小ワザ紹介します。 影に水面画像をオーバーレイ💪 ポイントはドロップシャドウではなく被写体を複製してぼかすことで影を再現することです。 そうすることで影に被写体の色が反映されより魅力的に✨ #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
302
3K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
Web制作現場で使用率が高い デザインの小ワザ紹介します ・モデルの姿勢をなおす ・服のしわを消す ・画像内の不要なテキストを消す ・画像の余白を埋める 細かい修正の積み重ねが最終的なクオリティへも繋がることは多いので、おすすめの小ワザです! #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
342
3K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
今回は有名なデザインリニューアル失敗で 約54億円の損失をだした事例を元に なぜ失敗してしまったのかをまとめて見ました。 皆さんはなぜ失敗したと思いますか?? #デザイン #web デザイン
Tweet media one
Tweet media two
18
344
3K
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
権威性を訴求する際に使える デザイン小ワザ ・月桂冠あしらう ・ダイヤあしらう ・メダルあしらう ・盾あしらう 権威性を伝えるデザインはユーザーへ信頼感を与え、問合せや購入ハードルを下げる効果が期待できます^^
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
340
3K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
めちゃくちゃ便利! デザインの幅を広げてくれるフリー素材サイト4選 ※コメント欄にリンクあります。 #web デザイン #web 制作 #デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
335
3K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
汎用的に使える 背景デザインの小ワザ紹介します ・サンバースト背景 ・ウェーブライン背景 ・ポリゴン背景 ・幾何学模様の背景 背景はデザインの範囲が広いので少し変えるだけで全体の印象も大きく変わるため、自作できるとデザインの幅が広がりおすすめです。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
377
3K
@shimada_haruki
島田陽生|Designer/Creative Director
9 months
知っておくと便利な 描画モードの使い方紹介します ・色を明るくするなら「覆い焼きカラー」 ・魅力的な逆光加工にするなら「スクリーン」 ・色を鮮やかにするなら「焼き込みカラー」 ・レトロな印象にするなら「除外」 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
566
3K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
商品の魅力を視覚的に伝える 水滴デザインの小ワザ紹介します ・フルーツと水滴で果汁を表現 ・水滴で成分の質感を表現 ・水滴で成分の量を表現 ・水彩画風の水滴でやさしさを表現 水滴が主役になることは少ないですが視覚的に情報を伝える手助けになるのでおすすめです #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
285
3K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
権威性を訴求する際に使える デザイン小ワザ紹介します ・ツルの葉を左右にあしらう ・ダイヤを背景にあしらう ・盾を背景にあしらう ・メダルを背景にあしらう 信頼感のあるデザインはユーザーの安心感にも繋がりやすく購入や問合せのハードルを下げる効果が期待できます #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
260
3K
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
ちょっとした要素を魅力的にする あしらいの小ワザ紹介 ・水滴あしらい ・グラデ輪郭あしらい ・メダルあしらい ・水彩画あしらい 全体のクオリティを改善したい際にお試しあれ^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
237
3K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
コスメ系のデザインで使える 商品の魅力を引き出す小ワザ紹介します ・パウダーをあしらう ・絵具をあしらう ・鏡面反射 ・グラデーション画像をあしらう ちょっと物寂しいと感じる際におすすめです! #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
241
3K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
女性を魅力的に見せる レタッチのデザイン小ワザ紹介します ・肌をきれいにする ・髪に艶をだす ・唇に潤いをだす ・目力をだす お客様やカメラマンからいただく画像データでは微修正が必要なことも多々あるので今回のような小ワザを覚えていると便利かと思います #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
298
2K
@shimada_haruki
島田陽生|Designer/Creative Director
1 month
美容系のデザインで使える あしらい要素の小ワザ! ・水滴あしらい ・水しぶきあしらい ・バブルあしらい ・真珠あしらい ほしい素材を自作できるとデザインの自由度や幅が大きく変わることも多いので、美容系の制作案件が多い方へおすすめです。 #デザイン #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
232
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
インパクトのあるコピーデザインの小ワザ紹介します ・文字を重ねて立体感をだす ・文字を手前に飛び出させる ・文字に遠近感をだす ・アメコミ風にする 第一印象やコピーのインパクトがよいとCV率の向上につながりやすく、ABテストなどでもよく使われる小ワザです。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
197
2K
@shimada_haruki
島田陽生|Designer/Creative Director
1 year
デザインの幅を広げてくれるフリー素材サイト4選 ※コメント欄にリンクあります。 #web デザイン #web 制作 #デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
254
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
デザインの幅を広げてくれる! 海外のフリー素材サイト4選 ※コメント欄にリンクあります #web デザイン #web 制作 #デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
270
2K
@shimada_haruki
島田陽生|Designer/Creative Director
9 months
ちょっとした要素を魅力的にする あしらいの小ワザ紹介します ・水彩画の画像をマスクする ・メダルの背景をつける ・輪郭をついけ光をあしらう ・水滴の背景をつける 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
227
2K
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
知っておくと便利な ブレンドモード(描画モード) の使い方紹介 パート2 ・色を明るくするなら「覆い焼きカラー」 ・魅力的な逆光加工にするなら「スクリーン」 ・色を鮮やかにするなら「焼き込みカラー」 ・レトロな印象にするなら「除外」 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
301
2K
@shimada_haruki
島田陽生|Designer/Creative Director
1 month
ちょっとした要素を魅力的にする あしらいの小ワザ紹介 ・水滴あしらい ・グラデ輪郭あしらい ・メダルあしらい ・水彩画あしらい 全体のクオリティを改善したい際にお試しあれ^^
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
197
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
Webサイト保守で使えそうな デザインの小ワザ紹介します ・背景で読みにくい文字を読みやすくする方法 ・黄金比でトリミングする方法 ・劣化した文字やロゴを復元する方法 ・JPGからPNGへの変更方法 #web デザイン #web 制作 #Web デザイナー
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
246
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
すぐにできる迫力のあるデザインの小ワザ紹介します💪 迫力のあるデザインはユーザーの印象に残りやすく認知拡大やブランディング効果がきたいできます。 #Web 制作 #Web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
171
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
デザインのアイディア探しに使えるサイト4選 Pinterestの代わりにも使えます! ※コメント欄にURLあります。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
292
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
知っておくと便利な 色域指定の使い方を紹介します 複雑な部分の色味調整や切り抜きを行いたい際にPhotoshopの「色域指定」機能をしようすると簡単にできます。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
205
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
広告デザインで使われる クリック率を上げるデザインの小ワザ紹介します。 文字の大きさ、太さで情報のメリハリをつける💪 ポイント ・1番伝えたい情報には太く多き文字を使用 ・数字は大きく、単位(円、% 等)は小さく ・すべての情報を見せようとしない #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
4
172
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
一瞬でプロっぽいデザインになる デザイン小ワザ紹介します。 要素の優先度に応じて強弱をつける 一般的にユーザーの目線は左から右へ、もしくは大きいものから小さいものへ動くので一番見せたいものは左側に大きく配置するのがおすすめです! #web デザイン #Web 制作 #デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
208
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
季節感を感じる 色調補正の小ワザ紹介します。 ・春の暖かさを感じる色調 ・夏の強い日差しを感じる色調 ・秋の鮮やかさを感じる色調 ・冬の静けさを感じる色調 画像はユーザーに情報を伝えやすい素材の1つなので色調補正の引き出しは多いと何かと便利です。 #web デザイン #Web 制作 #動画制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
268
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
一瞬でプロっぽいデザインになる デザイン小ワザ紹介します。 レイアウトに迷ったら要素を2つに分割💪 要素を分割する際はテキストと画像を別々に分けると内容が把握しやすく、整ったデザインになり視認性もあがります! #web デザイン #Web 制作 #デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
157
2K
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
女性モデルを魅力的に見せる レタッチのデザイン小ワザ紹介 ・肌をきれいにする ・髪に艶をだす ・唇に潤いをだす ・目力をだす 細かいレタッチができると何かと便利なのでおすすめです^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
267
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
誰でも簡単で綺麗に画像を切り抜く デザインの小ワザ紹介します 髪の毛や滑らかなオブジェクトをきれいに素早く切り抜きたい際におすすめです #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
195
2K
@shimada_haruki
島田陽生|Designer/Creative Director
1 year
背景が寂しい画像を華やかにする デザインの小ワザ紹介します ・虹と布を合成する ・虹と水面を合成する ・虹と日差しを合成する ・虹と影を合成する 虹やその他の画像はPhotoshopの描画モードで簡単に合成できるのでおすすめです。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
209
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
本日は背景色が寂しい時に使える色紹介します。 #Web 制作 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
158
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
印象に残りやすい絵になる デザインの小ワザ紹介します。 画像にベタ塗長方形をかぶせてソフトライト 色味の微調整は映画やドラマでよく使われる技法で肉眼では見えないような色味へ調整することでより魅力的で印象に残りやすい絵にすることができます。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
168
2K
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
ほんの一手間で魅力的な見た目になる デザインの小ワザ紹介 影に水面画像をオーバーレイ💪 ポイントはドロップシャドウではなく被写体を複製してぼかすことで影を再現することです。 そうすることで影に被写体の色が反映されより魅力的に^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
204
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
涼しさや冷たさを表現する デザインの小ワザ紹介します ・背景に氷を使う ・背景に青いポリゴン画像を使う ・背景に水色の水彩画をマスクする ・背景にシロクマを使う 情報の受け取りやすさは視覚的要素の影響を大きく受けるので涼しさや冷たさを表現する際におすすめです。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
5
169
2K
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
Webサイト保守で使えそうな デザインの小ワザ紹介します ・劣化した文字画像を復元する方法 ・JPGからPNGへの変更方法 ・黄金比でトリミングする方法 ・背景で読みにくい文字を読みやすくする方法 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
182
2K
@shimada_haruki
島田陽生|Designer/Creative Director
9 months
知っておくと便利な 描画モードの紹介 ・パーライト風にするなら「スクリーン」 ・ドラマチックにするなら「覆い焼き(リニア)加算」 ・画像の特定の色味だけを抜くなら「減算」 ・グロー効果を出すなら「ハードライト」 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
295
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
Adobe MAXで紹介された「オブジェクト選択ツール」 の強化、Webデザイナーならどんな風に使えるか考えて見ました。 ・Shift + Deleteキーで余計な物を削除 ・オブジェクト毎に選択範囲で細かいレタッチ ・スピーディーに毛先まで切り抜き ・最後はおまけです #AdobeMAX
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
225
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
知っておくと便利な 文字デザインの小ワザ紹介します ・うるおい感のある文字 ・グラデーションシャドウ文字 ・バブル文字 ・金文字 ※詳しい数値の説明はコメント欄にあります #デザイン #web デザイン #Web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
215
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
商用OK! 即戦力なかわいいフォント集 ※商用利用をされる方は必ず公式サイトの内容を厳守ください。 ▼ダウンロード先のURLはコメント欄あります #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
180
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
一瞬でプロっぽいデザインになる デザイン小ワザ紹介します。 レイアウトに迷ったら要素を2つに分割💪 要素を分割する際はテキストと画像を別々に分けると内容が把握しやすく、整ったデザインになり視認性もあがります! #web デザイン #Web 制作 #デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
149
2K
@shimada_haruki
島田陽生|Designer/Creative Director
1 month
知っておくと便利な 描画モードの使い方紹介します ・色を明るくするなら「覆い焼きカラー」 ・魅力的な逆光加工にするなら「スクリーン」 ・色を鮮やかにするなら「焼き込みカラー」 ・レトロな印象にするなら「除外」 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
246
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
簡単に文字を華やかで魅力的にする デザインの小ワザ紹介 ・青空をマスク ・朝日をマスク ・夕日をマスク ・オーロラをマスク 他にも様々な景色をマスクすることで簡単に応用ができるので配色や複雑なグラデーション制作が苦手な方へおすすめです! #Web 制作 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
119
2K
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
涼しさや冷たさを表現する デザインの小ワザ紹介 ・氷あしらい ・ポリゴンあしらい ・水彩画あしらい ・シロクマあしらい 涼しさや冷たさを表現する際におすすめ^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
130
2K
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
汎用的に使える 背景デザインの小ワザ紹介 ・幾何学模様の背景 ・ポリゴン背景 ・ウェーブライン背景 ・サンバースト背景 背景はデザインの方向性を大きく左右するため、自作できるとデザインの幅が広がるのでおすすめ^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
193
2K
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
コスメ系のデザインで使える 商品の魅力を引き出す小ワザ紹介 ・パウダーをあしらう ・絵具をあしらう ・鏡面反射 ・グラデーション画像をあしらう テクスチャなどを商品へちょい足しするだけなので 比較的簡単に行えます^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
116
2K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
春のデザインに使えそうな色味紹介 #Web 制作 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
128
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
肌のパール感を表現する レタッチの小ワザ紹介! 化粧品やファッションなどの広告デザインでよく使われる技法で、すっぴんモデルさんを魅力的に見せたい際におすすめです。 ※もし同じモデルさんで練習したい方はコメント欄に画像あります。 #デザイン #web デザイン #レタッチ
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
144
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
かわいい動物吹き出しの作り方紹介します。 #Web 制作 #web デザイン #illustrationart
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
112
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
デザインは読みやすい文章を意識するだけでもかなり変わる。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
115
1K
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
商品の魅力を視覚的に伝える 水滴デザインの小ワザ紹介 ・フルーツと水滴で果汁を表現 ・水滴で成分の質感を表現 ・水滴で成分の量を表現 ・水彩画風の水滴でやさしさを表現 水滴が主役になることは少ないですが視覚的に情報を伝える手助けになるのでおすすめ^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
132
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
女性を魅力的に見せる レタッチのデザイン小ワザ紹介します ・肌をきれいにする ・髪に艶をだす ・唇に潤いをだす ・目力をだす お客様やカメラマンからいただく画像データでは微修正が必要なことも多々あるので今回のような小ワザを覚えていると便利かと思います #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
160
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
たった4つの配色ルールを覚えるだけで デザインの幅が一気に広がる ▼覚えるのはこの4つでOK👍 同系色:全体の統一感をだす 補色:要素を強調する 類似色:全体の雰囲気を壊さずメリハリをつける 無彩色:目立たせない #Web 制作 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
125
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
一瞬で雰囲気を作る デザインの小ワザ紹介します ・影をつける ・水の波紋をつける ・水面の波紋をつける ・物の屈折光をつける 寂しい画像でも雰囲気を作ってあげるだけで一気に魅力的になり、ユーザーの心を動かす1枚になります。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
127
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
インパクトのあるコピーデザインの小ワザ紹介します ・文字を重ねて立体感をだす ・文字を手前に飛び出させる ・文字に遠近感をだす ・アメコミ風にする 第一印象やコピーのインパクトがよいとCV率の向上につながりやすく、ABテストなどでもよく使われる小ワザです。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
131
1K
@shimada_haruki
島田陽生|Designer/Creative Director
9 months
フリーの漫画素材サイトまとめ
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
177
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
一瞬で人物画像の雰囲気を作る デザインの小ワザ紹介します ・影を重ねる ・太陽光をつける ・水面の波紋をつける ・花びらを重ねてぼかす さえない人物画でも雰囲気を作ってあげるだけでユーザーへ与える印象は大きく変えられます。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
102
1K
@shimada_haruki
島田陽生|Designer/Creative Director
1 month
知っておくと便利な ブレンドモード(描画モード) の使い方紹介 ・色を明るくするなら「覆い焼きカラー」 ・魅力的な逆光加工にするなら「スクリーン」 ・色を鮮やかにするなら「焼き込みカラー」 ・レトロな印象にするなら「除外」
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
180
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
商用フリーのアイコン素材サイト4選 ※コメント欄にリンクあります #Web 制作 #web デザイン #資料制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
104
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
コスメ系のデザインで使える 商品の魅力を引き出す小ワザ紹介します ・パウダーをあしらう ・絵具をあしらう ・鏡面反射 ・グラデーション画像をあしらう ちょっと物寂しいと感じる際におすすめです! #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
95
1K
@shimada_haruki
島田陽生|Designer/Creative Director
3 months
簡単に雰囲気を作れる デザインの小ワザ紹介します ・影をつける ・水の波紋をつける ・水面の波紋をつける ・物の屈折光をつける 寂しい画像でも雰囲気を作ってあげるだけで一気に魅力的になり、ユーザーの心を動かす1枚になります。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
118
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
【保存版】 Web制作の効率を上げる便利サイト、ツールを紹介! ※コメント欄にURLあります #デザイン #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
148
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
一瞬で魅力的な見た目になる デザインの小ワザ紹介します。 影に水面画像をオーバーレイ💪 ポイントはドロップシャドウではなく被写体を複製してぼかすことで影を再現することです。 そうすることで影に被写体の色が反映されより魅力的に✨ #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
106
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
権威性を訴求する際に使える デザイン小ワザ紹介します ・ツルの葉を左右にあしらう ・ダイヤを背景にあしらう ・盾を背景にあしらう ・メダルを背景にあしらう 信頼感のあるデザインはユーザーの安心感にも繋がりやすく購入や問合せのハードルを下げる効果が期待できます #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
4
115
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
一瞬で商品の魅力を伝える デザインの小ワザ紹介します! 水しぶき画像を重ね商品を魅力的に😊 水しぶきのつけ方は4枚目にあります また、水しぶきの画像は「水しぶき 素材」でググると色々出てきます。海外のフリー素材サイトでは「Splash」と検索してもでますよー #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
80
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
誰でもできる! 伝わりやすいアイコンの作り方 #Web 制作 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
72
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
女性向けの バナーデザインで使える小ワザ紹介します。 ぼかした画像を重ね華やかさをだす 寂しい印象の時やもう少し華やかさがほしい時に私はよく使用します。 ぼかす画像は花やドライフラワーなどがおすすめです。 #web 制作 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
81
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
商用フリーの海外イラスト素材サイトまとめ ※コメント欄にURLあります #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
113
1K
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
商品の魅力を視覚的に伝える 水滴デザインの小ワザ紹介します ・フルーツと水滴で果汁を表現 ・水滴で成分の質感を表現 ・水滴で成分の量を表現 ・水彩画風の水滴でやさしさを表現 水滴が主役になることは少ないですが視���的に情報を伝える手助けになるのでおすすめです #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
67
995
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
バナーデザインやWebデザインで使える 簡単な小ワザ紹介します。 円形グラデーション+素材の質感で 注目させたい場所へ視線を集める💪 ポイント 人の目は暗い所より、明るい所へ自然と視線がいってしまうので見せたい場所の色は明るく、そうでない場所の色は暗くすることです。 #web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
61
972
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
誰でも簡単で綺麗に画像を切り抜く デザインの小ワザ紹介します 髪の毛や滑らかなオブジェクトをきれいに素早く切り抜きたい際におすすめです #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
104
966
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
誰でも簡単で綺麗に画像を切り抜く デザインの小ワザ紹介 髪の毛や滑らかなオブジェクトをきれいに素早く切り抜きたい際におすすめです^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
114
936
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
簡単に文字を華やかで魅力的にする デザインの小ワザ紹介 ・青空をマスク ・朝日をマスク ・夕日をマスク ・オーロラをマスク この方法はCSSでも表現できるのでコーディングメインの方へもおすすめです^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
92
932
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
勝ちパターンから学ぶクリックされるバナーデザイン クリックされやすいバナーデザインを クイズ形式で紹介 ※今回のクイズクイズは私が広告業界で学んだものであり正解が必ずしも正しいというものではありません軽い気持ちで見てもらえると嬉しいです😓 #web デザイン #web 制作 #Web マーケティング
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
71
918
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
季節感を感じる 色調補正の小ワザ紹介 ・春の暖かさを感じる色調 ・夏の強い日差しを感じる色調 ・秋の鮮やかさを感じる色調 ・冬の静けさを感じる色調 画像はユーザーに情報を伝えやすい素材の1つなので色調補正の引き出しは多いと何かと便利^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
122
888
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
背景を華やかにする デザインの小ワザ紹介 ・虹と影を合成する ・虹と水面を合成する ・虹と日差しを合成する ・虹と布を合成する 描画モードやブレンドモードで簡単に合成できるのでおすすめ^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
86
890
@shimada_haruki
島田陽生|Designer/Creative Director
8 months
知っておくと便利な 描画モードの使い方紹介 ・パーライト風にするなら「スクリーン」 ・ドラマチックにするなら「覆い焼き(リニア)加算」 ・画像の特定の色味だけを抜くなら「減算」 ・グロー効果を出すなら「ハードライト」 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
129
852
@shimada_haruki
島田陽生|Designer/Creative Director
12 days
すぐにできる迫力のあるデザインの小ワザ紹介します💪 迫力のあるデザインはユーザーの印象に残りやすく認知拡大やブランディング効果がきたいできます。 #Web 制作 #Web デザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
72
849
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
有料級のバナー参考サイトまとめ ※コメント欄にURLあります #web デザイン #web 制作 #web デザイン勉強中
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
85
808
@shimada_haruki
島田陽生|Designer/Creative Director
11 months
商品の魅力を視覚的に伝える 水滴デザインの小ワザ紹介します ・フルーツと水滴で果汁を表現 ・水滴で成分の質感を表現 ・水滴で成分の量を表現 ・水彩画風の水滴でやさしさを表現 水滴が主役になることは���ないですが視覚的に情報を伝える手助けになるのでおすすめです #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
79
800
@shimada_haruki
島田陽生|Designer/Creative Director
8 months
知っておくと便利な AdobeFirefly AI生成の使い方紹介 ・画像と画像の間を自然につなげる ・足りない部分を生成拡張 ・画像生成で理想の服装へ変更 ・鏡面反射を画像生成 #AdobeFirefly #Photoshop #PR
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
98
769
@shimada_haruki
島田陽生|Designer/Creative Director
1 month
汎用的に使える 背景デザインの小ワザ紹介します ・サンバースト背景 ・ウェーブライン背景 ・ポリゴン背景 ・幾何学模様の背景 背景はデザインの範囲が広いので少し変えるだけで全体の印象も大きく変わるため、自作できるとデザインの幅が広がりおすすめです。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
65
778
@shimada_haruki
島田陽生|Designer/Creative Director
1 month
デザイナーを志す方へ おすすめの本まとめ 皆さんのおすすめも教えて下さい^^
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
88
777
@shimada_haruki
島田陽生|Designer/Creative Director
2 years
ビジネス系のデザインでも使える 金文字作成の小ワザ紹介します。 ①金属のテクスチャーをマスク ②玉ボケ画像をマスク ③布の画像をマスク ④ブラシをマスク 金文字を自作できない、する時間がない際に手軽に活用できるのでおすすめです #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
49
754
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
知っておくと便利な 色域指定の使い方を紹介します 複雑な部分の色味調整や切り抜きを行いたい際にPhotoshopの「色域指定」機能をしようすると簡単にできます。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
80
761
@shimada_haruki
島田陽生|Designer/Creative Director
2 months
涼しさや冷たさを表現する デザインの小ワザ紹介します ・背景に氷を使う ・背景に青いポリゴン画像を使う ・背景に水色の水彩画をマスクする ・背景にシロクマを使う 情報の受け取りやすさは視覚的要素の影響を大きく受けるので涼しさや冷たさを表現する際におすすめです。 #web デザイン #web 制作
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
68
744
@shimada_haruki
島田陽生|Designer/Creative Director
9 months
汎用的に使える 背景デザインの小ワザ紹介します ・サンバースト背景 ・ウェーブライン背景 ・ポリゴン背景 ・幾何学模様の背景 素材を作る時間がない際は素材サイトで検索すると似たようなものを探せます^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
107
705
@shimada_haruki
島田陽生|Designer/Creative Director
10 months
ちょっとした画像修正に便利な デザインの小ワザ紹介 ・モデルの姿勢をなおす ・服のしわを消す ・画像内の不要なテキストを消す ・画像の余白を埋める 細かい修正の積み重ねが最終的なクオリティへも繋がることは多いのでおすすめです^^ 参考書籍:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
57
700