Nomo｜webデザイナー

マイペースな更新ですが、素敵なもの、新しいものを取り入れつつ、論理的で意味のあるデザインを心がけたいと考えています。お気軽にお声がけください。famm25.1卒 ※無言フォロー失礼します

[イオンシネマ【公式】 @AEON_CINEMA]

この夏もパウ・パトロールといっしょに映画館で
遊んじゃおう🐾

『#パウ・パーティー in シアター 2025』
7月11日(金)公開🎬

ムビチケオンライン、ビッグポリストラックが抽選で当たる🎁

1⃣このアカウントをフォロー
2⃣この投稿をリポスト
3⃣応募完了

詳細▶https://t.co/7BqTw3Y65X

[Nomo｜webデザイナー @nomofamm]

@chisaUMAtzk コメントどうもありがとうございます！
そう言っていただけると本当に嬉しいです🥹

[Nomo｜webデザイナー @nomofamm]

25.4月度コンペ提出します！ターゲットは30-40代の女性、これまでやりたかったけど手を出せなかったゴルフに手を伸ばしてみようかなという方向けに、一歩踏み出してもらえるような特典を打ち出したキャンペーンバナーとしました🔰
#fammスクール
#fammコンペバナー部門
#fammコンペバナー部門

[Nomo｜webデザイナー @nomofamm]

@na_chi0107 お返事遅くなってごめんなさい！
Luff＆Pieceという商用フリー/無料の写真素材を扱っているサイトからいただきました😀

[ちか｜ 魅力を伝えるクリエイティブデザイナー @chika19860728]

【Figmaで画像と背景を馴染ませる方法】

先週から
Figma強化週間中の私ですが、
これはオススメだ‼︎と感じた
テクニックを色々と学んだので、
今回その1つを動画に撮ってみました🥰

普段Photoshopを使う時に、
レイヤーマスク→グラデーションツールで
写真と背景を馴染ませて自然に見せる方法があります。
それがFigmaでも出来ないかな？と思い、色々探しましたー‼︎🔥✊

とても簡単なので皆さんにシェアします❤️
ーーーーーーーーーーーーーーーーーー

❶写真と背景の長方形を用意する

❷別に同じサイズの長方形をつくる

❸塗りのグラデーションを選ぶ
・残したい部分を「000000」不透明度100%にする
・ぼかしはじめの部分を「FFFFFF」不透明度0% にする
・ぼかしたい部分を「000000」不透明度30%にする

❹全てを重ねて、写真を1番上にする

❺グラデをかけた長方形と写真を選択し
　「マスクとして使用」を押す

❻塗りのところでスライダーを動かし
　最終調整をする

ーーーーーーーーーーーーーーーーーー
この方法でPhotoshopのように
写真と背景を自然に馴染ませることが
できちゃいます❣️

これから Figmaを覚えたいという方の
少しでもお役に立てたら嬉しいです‼︎☺️
参考になった方がいれば、リプくださると喜びます🤭💓

[Nomo｜webデザイナー @nomofamm]

@saisaishima 教えていただきありがとうございます！フリー素材でここまで作れるんですね〜✨勉強になります🙇‍♀️✨✨

[Nomo｜webデザイナー @nomofamm]

@saisaishima 軽快なタッチでかつ親しみのあるあしらいでとても素敵です！！勉強になります…！！
メインビジュアルはフリー素材で探されましたか？？

[Nomo｜webデザイナー @nomofamm]

@kusamushiri5aya あやさん、お返事遅くなりすみません！！コメントいただいておりありがとうございます、嬉しいです🙇‍♀️🙇‍♀️あしらいの位置とか、枠外に出すか入れるかなど…だいぶ悩んでしまいました😂ありがとうございます！！

[Nomo｜webデザイナー @nomofamm]

※LPも投稿…
25.3 famm卒業コンペ LP部門参加します。 赤ちゃんとママの眠りを改善する「快眠講座」のLPです。 親しみのある、暖かな雰囲気を出しつつも、専門家によるサポートということで信頼感も両立させたく、デザインしました。
#fammスクール
#fammコンペ
#fammコンペページデザイン部門

[Nomo｜webデザイナー @nomofamm]

@taka0990 お返事おそくなりすみません！コメントいただいておりありがとうございます！！プロの方にそういっていただけると…とても励みになります泣

[Nomo｜webデザイナー @nomofamm]

※再度投稿します
25.3 famm卒業コンペに参加します。 親しみのある、暖かな雰囲気を出しつつも、専門家によるサポートということで信頼感も両立させたく、デザインしました。 #fammスクール
#fammコンペ
#fammコンペバナー部門

[Nomo｜webデザイナー @nomofamm]

@Famm_HAL HALさん、お返事遅くなってしまいました…
コメントどうもありがとうございますっ！！嬉しいお言葉をありがとうございます😭😭結構悩みながら作りました…！

[そーじろー｜デザイン兄さん @SojiroNishi]

もっと引きだしを増やしたい方へ
推しの「りぼんのカタチ」9選

[しまやす｜AI×デザインの先生 @shi_ma_ya_su]

バナーのレイアウトパターンをまとめたよ。
レイアウトを考える上で大事なことが1つあって・・　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

「レイアウトパターン」に縛られすぎちゃダメ

パターン自体は手段。大事なのはゴールであり、
手段はそれを実現するための方法でしかない。

オススメの方法は、
何を一番伝えたいのか？
それをきちんと言語化して、文章にしてみる。

何も知らない人に伝えても魅力的か考える。

その上で、画像が魅力的なら画像を目立たせるレイアウトにすればいいし、魅力をコピーやタイトルで伝えるならそれらが目立つようにすればいい。

ゴールや伝えたいことが明確なら、
レイアウトは簡単。

大事なのはパターンを選択する前に、
ゴールや一番に伝えたいことをきちんと言語化すること。

やってみてね。

ここまで読んでいただき、ありがとうございます
→　@shi_ma_ya_su

毎朝Webデザインに役立つ情報を発信しています。
良いなと思ったら「いいね」「リポスト」も
お願いします。

このような図解にさらに図解で解説を加えた、
「デザインにセンスはいらないデザインの解剖図鑑」が
絶賛発売中です。

固定ポストからチェックしてね

[Nomo｜webデザイナー @nomofamm]

ぎりぎりになってしまったけど3月コンペはバナーとLP部門に応募。
さてこれから確定申告…
早くポートフォリオ作って案件受けたい！

[めがらい🦁株式会社サムネバカ代表 @Glasses_Lion]

「私の推しフォント」全部教えます！

[Nomo｜webデザイナー @nomofamm]

@file_webcreator 参加させていただきたいです！
どうぞよろしくお願いいたします🙇‍♀️🙇‍♀️

[Nomo｜webデザイナー @nomofamm]

@ishime81 こんにちは！私もパル愛用者ですー！
アプリも、紙のカタログも目を惹きますよね✨表紙のものをついつい頼みたくなっちゃいます！毎回すごいなと思いますよね！！

#fammスクール

[Nomo｜webデザイナー @nomofamm]

最近の困りごと。
2人目が3ヶ月なのですが、上の子の赤ちゃん返り(?)が一向によくならず…。
ママべったり。登園しぶりがないことが救いなのですが、夜泣きがひどい🤣
ベビーの夜対応で大変なのに、お兄ちゃんまでー？！ってなります。。

#私のこんな一面知ってください
#fammスクール

[Nomo｜webデザイナー @nomofamm]

@misa12360329 コメントありがとうございます！！
腰痛に悩まされた時、骨格や筋肉を少し調べてみて気になった資格の一つでした…！！
今も興味ありますー✨✨

[Nomo｜webデザイナー @nomofamm]

国家資格キャリコンの資格を持ってるんですが、
famm1月同期の方で同じく有資格者の方
いらっしゃったりしますかー？？😃

#皆さんに聞いてみたいこと
#fammスクール