ちびねこデザイン

SWELLデザインパターン
Webデザイン
ライティング
ブログ
メンバーログイン
お問い合わせ

初回限定の無料相談

0120-1234-5678
（受付時間 9:00-18:00）

SWELLデザインパターン（コピペ）

SWELLデザインパターン
Webデザイン
ライティング
ブログ
メンバーログイン
お問い合わせ

SWELLデザインパターン
Webデザイン
ライティング
ブログ
メンバーログイン
お問い合わせ

メンバーログイン

ホーム
メンバーログイン

ユーザー名またはメールアドレス

パスワード

ログイン情報を保存

パスワードをお忘れですか？

会員について

nomu___design

古いサイトデザインに共通している点は… 要素感の余白が狭いこと😳 他にも、構成やフォントの使い方を

古いサイトデザインに共通している点は…
要素感の余白が狭いこと😳

他にも、構成やフォントの使い方を
ちょっと整えるだけで
「伝わるデザイン」に変ります✨

👩‍🎓作成ツール：Figma
🎨使用素材：Adobe Express

##【作り方】

Before案を用意（自己流でOK）

見出し・本文の文字サイズや強弱を調整
└ メリハリを意識して「読む順番」をデザイン

余白の確保＆要素の整列
└ 目線が迷わない配置に

色やフォントを整理
└ テーマに合った配色や文字を選定

イラストやアイコンは最小限に
└ 必要なところだけに絞ると、洗練されます

After案としてブラッシュアップして完成！

たとえ自己流でも、
「なぜそれを使うのか？」を
考えながら整えていくと、

ただの“装飾”じゃなく
「意図あるデザイン」に
変わっていきます⭐️

この投稿が役に立ったと思ったら、
いいね♡・コメントいただけると励みになります😊

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
自己紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

のむ：
9年間、通信や照明メーカーで営業や人事を経験。
1年半、コーディングの実務経験を経て、
2022年6月〜現在までフリーランスとして活動中。

得意なお仕事：
・Webデザイン（HP / LP）
・WordPress構築
・チラシ作成
・SEO / MEOコンサル

このアカウントでは、
・タイトル作り
・あしらい
・ちょっとした加工
なども投稿しています。

他の投稿も気になる方は、
プロフィールからぜひ✨
@nomu___design

📌 いつでも見返せるように保存もおすすめ！

#ｗｅｂデザイン #デザイン勉強中
#figma #デザイン初心者向け
#コーポレートサイト制作
#ウェブデサイン #駆け出しwebデザイナーと繋がりたい
#figmaデザイン #webサイトデザイン
#webデザイン勉強中 #webdesign

キラキラした水玉素材はスキンケアなどの美容系デザインでよく採用される手法👩 作成ツール：Pho

キラキラした水玉素材は
スキンケアなどの美容系デザインで
よく採用される手法👩

作成ツール：Photoshop
水玉素材：Adobe Express

===============
【作り方】
1. 水玉素材を用意
背景が無地のものが◎

2. オブジェクト選択ツールで切り取り

3. レイヤーマスク

4. レイヤースタイルを追加
─ ベベルとエンボス
ベベル内側、滑らかに
深さ84、方向下へ
サイズ29、ソフト0
角度126°、高度37°
光沢輪郭リング
ハイライトスクリーン白88%
シャドウ乗算ライトブルー24%

─ 輪郭リング二重 100%

5. 消しゴムツール流量20%程度
レイヤーマスクのサムネイルを選択し、
水玉素材の中身をポンポン消していく

6. スマートオブジェクトに変換
素材を複数コピーして重ね、
描画モード乗算にしてレイヤー結合

7. 描画モードオーバーレイに変更

8. 素材をコピーして、
ぼかしガウス8〜10%程度
乗算モード、不透明度20%にして、
右下に少しずらし、影を作る

9. 水玉素材の上に
グラデーションを重ねたり、
ブラシツールで白みを調整
===============

美容系デザインでは、
清潔感や上質感の視覚的な演出が
求められることがあります👀

生成AIでも十分な気はしますが、
自作で再現できれば、
よりデザインの自由度が
上がるはずです👍

もっと詳しく知りたい方は、
ぜひコメントください🙋‍♂️

🧑‍💻 使用ソフト：Photoshop

この投稿がよかったなと思ったら、
いいね♡・コメントいただけたら嬉しいです😊

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
自己紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

のむ：
9年間、通信や照明メーカーで営業や人事を経験。
1年半、コーディングの実務経験を経て、
2022年6月〜現在までフリーランスとして活動中

得意なお仕事：
・Webデザイン（HP / LP）
・WordPress構築
・チラシ作成
・SEO / MEOコンサル

当アカウントでは、
・タイトル作り
・あしらい
・ちょっとした加工
なども投稿しています。

他の投稿も気になる方は、
プロフからどうぞ✨
@nomu___design

いつでも見返せるように保存もおすすめ！

次回も、
デザインTIPsを
発信していきます📢

#バナー
#デザイン初心者 #バナーデザイン
#デザイン未経験 #photoshop
#ポートフォリオ

🔰がやりがちなタイトルデザイン、それは、打ち込んだ文字をそのまま置くだけ…😭 とはいえ最近は、

🔰がやりがちなタイトルデザイン、それは、
打ち込んだ文字をそのまま置くだけ…😭

とはいえ最近は、
おしゃれフォントが
爆誕してきているから
加工なしでも割と良いんですよね🆗

ただ、他の文字や素材に
埋もれないよう要注意⚠️

タイトルは主役。
一番視線を集める存在でありたい👀

なので、もしタイトルに
擬音が含まれていたら、
名は体を表すデザインに
トライしてみましょー😊

もっと詳しく知りたい方は、
具体的なコメントください🙋‍♂️

🧑‍💻 使用ソフト：Photoshop

この投稿がよかったなと思ったら、
いいね♡・コメントいただけたら嬉しいです😊

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
自己紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

のむ：
9年間、通信や照明メーカーで営業や人事を経験。
1年半、コーディングの実務経験を経て、
2022年6月〜現在までフリーランスとして活動中

得意なお仕事：
・Webデザイン（HP / LP）
・WordPress構築
・チラシ作成
・SEO / MEOコンサル

当アカウントでは、
・タイトル作り
・あしらい
・ちょっとした加工
なども投稿しています。

他の投稿も気になる方は、
プロフからどうぞ✨
@nomu___design

いつでも見返せるように保存もおすすめ！

次回も、
デザインTIPsを
発信していきます📢

#バナー
#デザイン初心者 #バナーデザイン
#デザイン未経験 #photoshop
#ポートフォリオ

初心者がやってはいけないこと、それは… フォントの袋文字デフォルト脳。 PhotoshopでもCa

初心者がやってはいけないこと、それは…
フォントの袋文字デフォルト脳。

PhotoshopでもCanvaでも
最初は「デザインとぅわのしー！」から
使いたいって気持ちはわかります😇

もし、途中で文字がうるさく感じたら、
フォントの装飾を全撤去して、
コントラスト強めの背景に変更してみてください👍

ドーパミンの波が再びやってきます🌊

もっと詳しく知りたい方は、
具体的なコメントください🙋‍♂️

🧑‍💻 使用ソフト：Photoshop

この投稿がよかったなと思ったら、
いいね♡・コメントいただけたら嬉しいです😊

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
自己紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

のむ：
9年間、通信や照明メーカーで営業や人事を経験。
1年半、コーディングの実務経験を経て、
2022年6月〜現在までフリーランスとして活動中

得意なお仕事：
・Webデザイン（HP / LP）
・WordPress構築
・チラシ作成
・SEO / MEOコンサル

当アカウントでは、
・タイトル作り
・あしらい
・ちょっとした加工
なども投稿しています。

他の投稿も気になる方は、
プロフからどうぞ✨
https://www.instagram.com/nomu___design/

いつでも見返せるように保存もおすすめ！

次回も、
デザインTIPsを
発信していきます📢

#デザイン
#デザイン初心者 #デザイン学習
#デザイン未経験 #photoshop
#ポートフォリオ

駆け出しデザイナーの時、実績も無く、何作ったら良いか分からなかった… 美容系LPヘッダーは見た目の

駆け出しデザイナーの時、実績も無く、何作ったら良いか分からなかった…

美容系LPヘッダーは見た目のインパクト大！
なのでダミーでもポートフォリオに1つあると
見栄えが良くなり、
目に止めてもらいやすくなります👍

参考デザインのパクリにならないよう注意⚠️

もっと詳しく知りたい方は、
具体的なコメントください🙋‍♂️

🧑‍💻 使用ソフト：Photoshop

この投稿がよかったなと思ったら、
いいね♡・コメントいただけたら嬉しいです😊

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
自己紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

のむ：
9年間、通信や照明メーカーで営業や人事を経験。
1年半、コーディングの実務経験を経て、
2022年6月〜現在までフリーランスとして活動中

得意なお仕事：
・Webデザイン（HP / LP）
・WordPress構築
・チラシ作成
・SEO / MEOコンサル

当アカウントでは、
・タイトル作り
・あしらい
・ちょっとした加工
なども投稿しています。

他の投稿も気になる方は、
プロフからどうぞ✨
https://www.instagram.com/nomu___design/

いつでも見返せるように保存もおすすめ！

次回も、
デザインTIPsを
発信していきます📢

#Webデザイン #デザイン
#デザイン初心者 #デザイン学習
#デザイン未経験 #photoshop
#ポートフォリオ

このデザインをもとに提案したら… ランサーズのコンペで落選。（３枠ある参加賞にも入らず）ただ、

このデザインをもとに提案したら…
ランサーズのコンペで落選。
（３枠ある参加賞にも入らず）

ただ、他のクライアントからは好評でした。

少なからず好みや相性はあるため、
万能ではないことをご了承ください🙇‍♂️

こんな感じのデザインは、
Create（AIツール）を使うと
日本語プロンプトだけで
簡易的なサイトはパパッとできてしまうけど、
まだまだ細部のクオリティーは微妙。

ある程度、AIで叩きを作って
調整をデザイナーが対応することも
見据えておくのがベターかなと思います…🤔

ちなみに、このサイトは一から手作業です笑

Webサイト以外にも、
LP、チラシ、バナーの
デザイン発信もやっていきますので、
次回もお楽しみに❤️

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
自己紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

のむ：
9年間、通信や照明メーカーで営業や人事を経験。
1年半、コーディングの実務経験を経て、
2022年6月〜現在までフリーランスとして活動中

得意なお仕事：
・Webデザイン（HP / LP）
・WordPress構築
・チラシ作成
・SEO / MEOコンサル

当アカウントでは、
・タイトル作り
・あしらい
・ちょっとした加工
なども投稿しています。

他の投稿も気になる方は、
プロフからどうぞ👇
@nomu___design

いつでも見返せるように保存もおすすめ！

次回も、
デザインTIPsを
発信していきます📢

#webデザイン #デザイン
#デザイン初心者 #デザイン学習
#デザイン未経験 #figma

作り出しで完全に迷子になった… レイアウトがなかなか決まらない… そんな時… テンプレートはそのま

作り出しで完全に迷子になった…
レイアウトがなかなか決まらない…

そんな時…
テンプレートはそのまま使わずに
目的のテーマに合わせてアレンジすると
オリジナル感が出せます👍

🗂️ テンプレート：Adobe Express
→Illustrator または Photoshop 契約者なら無料

🧑‍💻 使用ソフト：Photoshop

この投稿がよかったなと思ったら、
いいね♡・コメントいただけたら嬉しいです😊

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
自己紹介
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

のむ：
9年間、通信や照明メーカーで営業や人事を経験。
1年半、コーディングの実務経験を経て、
2022年6月〜現在までフリーランスとして活動中

得意なお仕事：
・Webデザイン（HP / LP）
・WordPress構築
・チラシ作成
・SEO / MEOコンサル

当アカウントでは、
・タイトル作り
・あしらい
・ちょっとした加工
なども投稿しています。

他の投稿も気になる方は、
プロフからどうぞ👇
@nomu___design

いつでも見返せるように保存もおすすめ！

次回も、
デザインTIPsを
発信していきます📢

#バナー制作 #バナーデザイン
#デザイン初心者 #デザイン学習
#デザイン未経験 #photoshop

Canvaのアプリ「Heyzine Flipbooks」プレゼンテーションのスライドを30秒で、

Canvaのアプリ「Heyzine Flipbooks」

プレゼンテーションのスライドを30秒で、電子カタログのようなデジタルポートフォリオが完成します。

他の投稿も気になる方は
プロフからどうぞ👇
@nomu___design

#canva #canvadesign #デザイン #Webデザイン #ポートフォリオサイト #canvaでデザイン

Instagramを見る

〒170-0013 東京都豊島区東池袋2丁目62番8号
BIGオフィスプラザ池袋1206

SWELLデザインパターン
ブログ
お問い合わせ

ステップ・流れ
料金プラン
お客様の声
選ばれる理由

© ちびねこデザイン.