マイコ_webデザイナー

57 posts

マイコ_webデザイナー banner
マイコ_webデザイナー

マイコ_webデザイナー

@maiko19design

\見た人の心にすっと届く、やさしいデザインを大切に制作いたします/ LP•HP(studio対応),バナーなど|色彩検定2級|目的に合わせた配色と構成で、印象に残るデザインをご提案いたします!ご相談はDMからお気軽に📩 只今ポートフォリオ改修中!

Katılım Haziran 2025
100 Takip Edilen49 Takipçiler
マイコ_webデザイナー
@rocomodesign ろこさん✨先日はありがとうございました! 絵が得意じゃない分、上手く描かなきゃみたいな意識がありましたが、”方向性を整理する”という形で描いてみたらもっとスラスラ描けるような気がします! 今後の課題も引き続きよろしくお願いいたします☺️
日本語
0
0
1
25
ろこ|価値を高めるデザイナー💫
@maiko19design マイコさん、ご参加ありがとうございました〜☺️ すごくいい気づきのまとめですね✨ ラフは「上手に描く」よりも「方向性を整理する」イメージで取り組むとやりやすくなると思います! 引き続き一緒に進んでいきましょう〜🙌
日本語
1
0
1
91
マイコ_webデザイナー
\\ 第2回✨オンライン授業// 先日ろこさん@rocomodesign のオンライン授業に参加しました! テーマは【ラフってどう描くの?参考探しからラフの起こし方】 ラフを描くのいまいち苦手で、なんとなく描いてたなぁ…と  まずは☝️ ◾️「ヒアリング+ターゲット+ゴール」を合わせてコンセプトを設計。曖昧なままだと途中で必ずブレる。 ◾️参考探しも、ある程度全体の方向性を決めて探す! ◾️素敵だなと思ったものを参考にしながらラフをどんどんどんどん描いて、レイアウトができてからあしらいを足していく。     ◾️オリジナルはゼロから作るものじゃなくて、「 いいとこ取りの組み合わせ」 ろこさんの実際のラフ制作を見られて、本当に貴重なお時間でした♡
日本語
1
1
5
741
マイコ_webデザイナー
@pasa1290349 フォローありがとうございます♡ イラスト可愛すぎますね✨ インスタも!癒されます〜☺️
日本語
1
0
1
27
Punky⭐︎Morino
Punky⭐︎Morino@pasa1290349·
イラストでもお仕事できるようになりたい!と思ってipadをお迎えしたのに落書きしかしてなかったので(宝の持ち腐れ)、ゆるい日常日記を投稿し始めました。 ポンコツなアラフィフの日常と、ゆるい生き物イラストで頑張る人を励ましたり癒しをお届けできたらと思ってます😊 instagram.com/morinonyurudia…
Punky⭐︎Morino tweet mediaPunky⭐︎Morino tweet media
日本語
3
0
8
736
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
#ろこラボでの学びメモ📝 ①FV制作時の課題と学び コンセプトをしっかり言語化しないまま作り始めると、途中で方向性に迷いが出て手が止まってしまうことがあった →「誰に・何を・どう感じてほしいか」を言葉にすることで判断軸ができ、デザインの方向性がクリアに。 結果的に手戻りも減らせると実感 ②実案件での課題と学び ワイヤーフレームを一度確認してから進めたものの、制作途中で不明点が出てしまい再度確認することに →初期の確認段階でも“実際に制作する前提”で細部まで詰めておくことが重要。解像度の甘さが後工程に影響することを痛感 まずは最初の整理を丁寧に!!
日本語
0
0
4
59
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
@sashe0601 @rocomodesign saki さん、こんにちは✨ 先日ろこさんのオンライン授業参加しておりましたマイコです。 フォローありがとうございます🥰 貴重なお時間をご一緒できて嬉しかったです♡ 今後ともどうぞよろしくお願いいたします。
日本語
1
0
0
47
さきりん ( s a k i ) ⁂ 写真とデザイン
先日、ろこさん@rocomodesign の主催のオンライン授業に参加しました! 内容はIllustratorを使ったチラシの制作。 一からろこさんの作業の様子を拝見しながら制作を進めました💻 流石にろこさんの速さには着いていけず😂 途中から真剣に見させていただきました! 👇続く
ろこ|価値を高めるデザイナー💫@rocomodesign

先日、個別指導の受講生さんたちを対象に、 初めてZoomで オンライン授業を開催しました💻✨ テーマは、 デザインの原則を振り返るために、 A4チラシを実際に作りながら、 レイアウト・情報整理・原稿の読み解きなど、 デザインの土台を一つずつ確認。 派手なあしらいや加工はせず、 「整える力」にフォーカスして進めました。 私は普段から 「答えは原稿にある」と伝えています。 「この写真」「このコピー」を どこに配置するのが最適か。 これもやっぱり、 実際に手を動かして見ていく中で、 理解が深まるんだなと感じました😌 最後の質疑応答タイムでは、 何名かの受講生さん同士でやりとりも生まれて、 こうしたやりとりが少しずつ 広がっていくといいなと思います☺️ ひとりで頑張るだけじゃなくて、 同じように学んでいる仲間がいることって、 やっぱり大きいなあと改めて感じました。 それに、今回のためにいろいろ準備してきたので、 「やってよかったな」と思える時間になってひと安心🍵 まだまだ改善したいところはあるけれど、 こうして一歩ずつ形になっていくのがうれしい🙌 参加してくださったみなさん、 ありがとうございました🌱

日本語
3
1
12
1.4K
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
@rocomodesign ろこさん、ありがとうございました✨ ついていくのに必死過ぎましたが…2時間ちょっとの間でも手が疲れました〜😂 すごく充実した時間を過ごせてとても良かったです🥰 完成させて印刷してみるのが今から楽しみです!
日本語
0
0
1
19
ろこ|価値を高めるデザイナー💫
マイコさん、ご参加ありがとうございました✨ ついていくの大変でしたよね…💦 でもその中でしっかりポイントを掴んでくれていて、さすがです☺️ デザインは本当に細かいところで差が出ます。そこを実感していただけたのは、とても大きいです! またアーカイブで見返しながら、ご自身のペースでじっくり取り組んでみてください📝 次回はみんなでお話ししましょう〜!
日本語
1
0
1
62
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
\\ 楽しみにしてたオンライン授業✨// 先日、個別指導でお世話になっているろこさん(@rocomodesign)のオンライン授業に参加しました✨ ろこさんの制作過程を拝見し、プロの思考と手の動きを体感できた、とても濃い時間でした。 正直ついていくのに必死で最後まで完成はできなかったのですが、短時間でA4チラシを形にする体験ができて、本当にすごく良い学びに📝✨ 特に、細かいところまでしっかり整えていく工程が印象的で、仕上がりの差ってこういう部分なんだなと、こういう積み重ねがクオリティに繋がるんだなと実感!! 制作はだいぶ序盤からつまずいてしまったので、アーカイブを見返しながら一つずつ確認し、もう一度最初から作り直したいと思ってます!! 最後は諸事情で離席してしまい、受講生の皆さんと交流できなかったのが少し残念だったので😢次回はぜひお話しできたら嬉しいです🥰 貴重なお時間をありがとうございました✨
ろこ|価値を高めるデザイナー💫@rocomodesign

先日、個別指導の受講生さんたちを対象に、 初めてZoomで オンライン授業を開催しました💻✨ テーマは、 デザインの原則を振り返るために、 A4チラシを実際に作りながら、 レイアウト・情報整理・原稿の読み解きなど、 デザインの土台を一つずつ確認。 派手なあしらいや加工はせず、 「整える力」にフォーカスして進めました。 私は普段から 「答えは原稿にある」と伝えています。 「この写真」「このコピー」を どこに配置するのが最適か。 これもやっぱり、 実際に手を動かして見ていく中で、 理解が深まるんだなと感じました😌 最後の質疑応答タイムでは、 何名かの受講生さん同士でやりとりも生まれて、 こうしたやりとりが少しずつ 広がっていくといいなと思います☺️ ひとりで頑張るだけじゃなくて、 同じように学んでいる仲間がいることって、 やっぱり大きいなあと改めて感じました。 それに、今回のためにいろいろ準備してきたので、 「やってよかったな」と思える時間になってひと安心🍵 まだまだ改善したいところはあるけれど、 こうして一歩ずつ形になっていくのがうれしい🙌 参加してくださったみなさん、 ありがとうございました🌱

日本語
3
1
6
963
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
@gan_chachacha @rocomodesign がんちゃんさん! こんにちは🌸フォローありがとうございます☺️ ほんとに…!ついていくの必死すぎました😱 ぜひ次回はお話しできたら嬉しいです♡ 今後ともどうぞよろしくお願いいたします✨
日本語
0
0
1
17
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
@kumemi2025 @rocomodesign くめみさん! こんにちは✨フォローありがとうございます☺️ 本当に学びの多い時間でしたね! ぜひ次回はお話しできたら嬉しいです🌸 今後ともどうぞよろしくお願いいたします✨
日本語
0
0
1
12
くめみ@Webデザイナー
@maiko19design @rocomodesign マイコさん、こんにちは!同じくろこラボ生のくめみと申します🌸 すごーく濃い時間でしたね🥹✨ 次回はぜひお話しできたら嬉しいです!これからよろしくお願いします😊
日本語
1
0
1
59
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
@rocomodesign 「どこをどう目立たせるか」と考えてしまっていましたが、”視線のスタートをつくる設計”というふうに考えることで、伝わるデザインに近づけると改めて感じました✨ しっかり意識して取り組んでいきます!
日本語
1
0
1
96
ろこ|価値を高めるデザイナー💫
╱ 伝わるデザイン、 作れていますか? ╲ 作れていない人が多いのは、対比の強弱と近接の設計が不十分だからなんです🫢 デザインの基本原則として「対比」と「近接」はよく並んで語られます。でもこれ、理解の段階では分けて学ぶけど、実装・設計の段階では必ずセットです。 ────────── 【まず対比(コントラスト/ジャンプ率)】 対比が弱いと、どこから見ればいいのか、視線の起点が定まりません。文字サイズや色を少し変えても、見る側にはほぼ同じに見える。結果、すべてが同じ重さになり、重要度が伝わらない。 対比は「目立たせる」ためのものではなく、視線のスタート地点をつくる設計です。 ────────── 【次に近接(グルーピング)】 近接が弱いと、どれとどれがセットなのか、判断しづらい。要素同士の距離が意味と対応していないと、見る側は「これはどこの説明?」と毎回考えさせられる。 近接は余白の話ではなく、関係性を距離で示す設計。 ────────── ここで整理。 理解の段階では対比と近接は別々に学ぶ。でも、実装・設計の段階では必ず一緒に使う。 ✅ 対比だけあって近接がないデザインは、目立つけど散らかる。 ✅ 近接だけあって対比がないデザインは、整っているけどどこが大事か分からない。 👉 対比と近接はセット。 ✏️ 対比は「何が大事か」を伝え、 ✏️ 近接は「何と何が関係あるか」を伝える。 この2つがそろって、初めて優先度が視覚的に伝わる。 ────────── 今回の図解は、個別指導で生徒さんに作ってもらったBEFORE/AFTERをもとにしています(掲載許可了承済み)。 【上】対比も近接も弱い状態:BEFORE 【下】両方を整えた状態:AFTER こうして目の前で変化を見ると「自分のデザイン、なんで見づらかったのか」が自然に腑に落ちます。 生徒さんの目の前での変化を見ると、言葉で聞くだけでは気づきにくいことも、目で見ると理解がスッと入るんだなと思います☺️ 少しずつ「差と距離」を意識して、伝わるデザインに取り組んでみてください💫
ろこ|価値を高めるデザイナー💫 tweet media
日本語
3
9
128
8.2K
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
@rocomodesign ろこさん!初めてコメントします☺️ すごくタイムリーな投稿で嬉しいです✨ 今回作ったあしらいも、あしらい集としてしっかり保存し、ふとした時に作ってみてたくさんストックしていこうと思います!
日本語
1
0
1
19
ろこ|価値を高めるデザイナー💫
先日の『制作スピードアップ練習』ポストにたくさんの反応をありがとうございました✨ 今日はその続きとして『見出しまわりのあしらい』をいくつかまとめてみました。 立派な完成品でなくても、こうした小さなパーツを作ってみるだけでも、手の感覚が育ったり、自分の中の引き出しが少しずつ増えていきます📚 もし気になるデザインがあれば、保存して眺めて終わり…ではなく、時間のあるときにぜひ一度ご自身の手でも再現したりアレンジしてみてください✍️ 同じものを作っても、 全然同じ体験にはならないし、 手を動かすことで初めて気づけることが 本当にたくさんあります💡 無理に大量に作る必要はありません。 思いついたときにひとつだけでもOK👌 スキマ時間の小さな積み重ねが、 気づくと大きな力になっています🌱 今日のあしらい集が、 みなさんの練習のきっかけや アイデアのストックに つながれば嬉しいです😊
ろこ|価値を高めるデザイナー💫 tweet media
日本語
1
8
115
3.6K
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
メモ…✏️ 写真の優先順位もしっかり意識する。
ろこ|価値を高めるデザイナー💫@rocomodesign

========== 写真やイラストの 「見せる順番」 考えたことありますか? ========== 例えば、美容系バナーで、まず「モデルさんの顔」に目が行って、そのあと「商品写真」に気づくことって多くないですか? 実はこれ、ただサイズ感が違うからというのではなく、脳が「重要そう・意味がありそう・感情が動きそうなもの」に自然に注目する順番に従った優先度なんです🧠 だから「文字の優先順位」と同じくらい、ビジュアルの優先度も重要。 意図せずビジュアルを並べると、視線が奪い合ってしまったり、逆に散ってしまったり、情報がうまく伝わらないことがあるので、以下の優先順位を抑えておきましょう👇 ────────── 【ビジュアル優先度の基本】 🥇 人物写真 顔や表情は自然に注目を集め、感情や印象を直感的に伝えます。『まずここを見せたい』ときに最適です。 🥈 非人物写真 商品や動物、風景写真など、人物以外の被写体は雰囲気や文脈を伝える役割。注目は控えめですが、背景や補助情報として自然に機能します。 🥉リアルタッチイラスト 現実感は控えめでも、表現やトーンを調整して世界観を作れます。注目は程よく、雰囲気づくりやストーリー演出に向いています。 4️⃣ シンプルイラスト 線画や簡略化されたイラストは抽象度が高く視線は穏やか。構造や関係を示す補助として機能し、情報を整理するのに適しています。 5️⃣ アイコン・チャート・マップ 視覚的に注目を引くわけではありませんが、価格や日付など意味の強さで情報を明確に伝える役割を持ちます。最後に置くことで、情報理解を自然に助けます。 ────────── 【デザイン時に意識すると良いこと】 ✅ 主役を決める まず、どのビジュアルを一番注目させたいか決めましょう。 → 例えば人物写真やメインイラスト。視線が自然に集まります。 ✅ 補助ビジュアルの配置 主役の近くに置くと視線がそちらに引っ張られる場合があります。 → 狙い通りならOK、でも意図せずケンカしてしまうとバランスが崩れます。イメージ写真やリアルタッチイラストは、主役を邪魔せず世界観や文脈を補強する位置 に置くのがポイントです。 ✅ 情報を整理する シンプルイラストやアイコン・チャート・マップで、価格・日付・関係性などの情報を整理。 → 視線は穏やかでも、理解を助ける重要な役割があります。 こういう考え方を覚えておくと、メインビジュアルを何にするか決めやすくなり、それに合わせて補助的なビジュアルも選びやすくなります。 ぜひ次のデザインで試してみてください✨

日本語
0
0
2
111
マイコ_webデザイナー retweetledi
ろこ|価値を高めるデザイナー💫
........................ 罫線と文字の行間📏 ピッタリ揃えられるって 知っていますか? ........................ どういうことかと言うと… Adobe Illustratorで、カフェのメニューやイベントプログラムなど表組みをしたい時、罫線と行間を手動で合わせていませんか? ピッタリくるまで何度も試して…そんなとき、あっという間に、罫線と文字の行間をピッタリ揃える便利な方法があります✨ ptでもmmでも、文字の行間と罫線の高さを簡単に合って、一瞬で見た目がキレイに揃います💡 ────────── 1️⃣ 一般の単位も文字もpt(ポイント)の時 1. 罫線を25pt間隔で必要な分だけコピー 2. 文字パネルの「行送り」に「25」と入力 👉 このとき単位は揃っているから「25」だけ入力すればOK!エンターキーを押せば、あっという間に罫線と文字の行間がピッタリ揃います。 ────────── しかも! 普段、一般の単位をmm(ミリメートル)にして、文字はpt(ポイント)という、それぞれの単位が違う場合でもいけちゃいます✊ 2️⃣ 一般の単位がmmで文字がptの時 1. 罫線を10mm間隔で必要な分だけコピー 2. 文字パネルの「行送り」に「10mm」と入力 👉 このとき、先ほどとは違って必ず「mm」も一緒に半角英字で入力すること!そうすると、見た目は10mmの罫線幅にピッタリ揃います✨ ⚠️行送りの数値が28.3465ptなど細かくなるので、チームで作業する時などはこの方法で良いか周りに確認しましょう。 ────────── 表組みや段落の揃え作業が一瞬で終わるので、作業効率アップに最適! 【pt】でも【mm】でも、単位を揃えて入力するだけでOKなので、ぜひ試してみてください🙌
日本語
1
15
250
18.2K
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
#みいの部屋バナーデザインコンテスト に参加させていただきます✨ 【課題】ナイトウェア広告バナー ◆制作意図
「ふわもこ素材×癒し」を表現したナイトウェア広告をデザインしました。 やわらかなピンクトーンで、“肌ざわり”や“ぬくもり”を視覚的に感じる世界観を意識しています。雪の結晶やきらきらした素材を使用して冬の季節感をだしました。 あたたかく包み込むひとときを届けたい、という想いで制作いたしました。
マイコ_webデザイナー tweet media
渡邉みい@w_michan69

第2回✨✨ \🤍美容系バナーデザインコンテスト💠/ 【応募期間】 11月10日(月)21:00〜11月13日(木)23:59 🏆グランプリ(1名):Amazonギフト券 10,000円✨ 🏆準グランプリ(1名):Amazonギフト券 5,000円 🎖️特別賞(3名):Amazonギフト券 2,000円 📓ポートフォリオ掲載OK 👱🏻‍♀️美容系素材配布 💠さらに... オンラインコミュニティ「みいの部屋+」にて ▫️渡邉みいの課題制作実演LIVE (渡邉みいが課題デザインをその場で制作してみる企画) ▫️渡邉みいによる音声添削(応募者全員) ▫️添削コーチによる添削会開催 ▫️月1回のグルコン開催(目標設定&シェア会) も開催しています!! 【こんな方におすすめ】 ▫️自分のデザインに自信が持ちたい方 ▫️デザイン経験や実績をつけたい方 ▫️美容系デザインの知識をつけたい方 ▫️添削を受けてデザイン力を上げたい方 #みいの部屋バナーデザインコンテスト ↑第1回目の参加者さんの作品はこちらから 【参加方法】 👇🏻「みいの部屋」オープンチャットからご確認いただけます。(リプ欄💭)

日本語
0
1
11
827
渡邉みい
渡邉みい@w_michan69·
第2回✨✨ \🤍美容系バナーデザインコンテスト💠/ 【応募期間】 11月10日(月)21:00〜11月13日(木)23:59 🏆グランプリ(1名):Amazonギフト券 10,000円✨ 🏆準グランプリ(1名):Amazonギフト券 5,000円 🎖️特別賞(3名):Amazonギフト券 2,000円 📓ポートフォリオ掲載OK 👱🏻‍♀️美容系素材配布 💠さらに... オンラインコミュニティ「みいの部屋+」にて ▫️渡邉みいの課題制作実演LIVE (渡邉みいが課題デザインをその場で制作してみる企画) ▫️渡邉みいによる音声添削(応募者全員) ▫️添削コーチによる添削会開催 ▫️月1回のグルコン開催(目標設定&シェア会) も開催しています!! 【こんな方におすすめ】 ▫️自分のデザインに自信が持ちたい方 ▫️デザイン経験や実績をつけたい方 ▫️美容系デザインの知識をつけたい方 ▫️添削を受けてデザイン力を上げたい方 #みいの部屋バナーデザインコンテスト ↑第1回目の参加者さんの作品はこちらから 【参加方法】 👇🏻「みいの部屋」オープンチャットからご確認いただけます。(リプ欄💭)
渡邉みい tweet media
日本語
135
107
197
199.8K
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
🍀こだわったポイント 全体を淡く上品な配色で統一し、柔らかく親しみやすい印象と、整った安心感の両立を意識して制作いたしました。 🍀デザインの思い 余白・文字サイズ・情報量のバランスを整え、学ぶ時間が少しでも心地よく感じられるように思いを込めて制作いたしました。
日本語
0
0
0
35
マイコ_webデザイナー
マイコ_webデザイナー@maiko19design·
【リスコミュの講義資料デザインコンペ】 に参加させていただきました✨ ◾️デザインのテーマ 「じっくり、わかりやすく、デザイン整えた資料」 ◾️ターゲット 初心者、駆け出しWebデザイナー、30代、ママ ◾️イメージ ・女性らしさ ・柔らかくてわかりやすい ・整ってて信頼感のある綺麗めデザイン #リスラボ #リスコミュ @mama_beyourself
マイコ_webデザイナー tweet mediaマイコ_webデザイナー tweet mediaマイコ_webデザイナー tweet media
あいり|Webデザイナーで人生を変えるきっかけを@mama_beyourself

講義資料デザインコンペ開催🎉 【ご依頼内容】 リスコミュ講義資料デザインリニューアル 「LP基礎編」講義の 本文スライド(中身3ページ)を対象としたデザインコンペです✨ 【募集期間】 10/15(水)〜10/20(月) 【提出期限】 10/27(月)23:59まで 【受賞者発表】 10/31(金) 【賞金&特典】 ◾️優勝者:10,000円 ◾️リスコミュ講座内で採用(実績公開OK) ※優勝者のみポートフォリオ掲載可 ◾️3名限定公開添削 【応募条件】 ・リスコミュ生 ・Canvaで制作 ・初心者も大歓迎! ・Canvaデータ共有リンク+PNG納品 ・著作権は株式会社irisに帰属します 【こんな方におすすめ】 ・デザインの実績が欲しい方 ・一歩踏み出したい方 ・チャンスを掴みたい方 参加の詳細は「リスコミュ」のオープンチャットから確認してね↓↓↓※リプ欄にリンク添付

日本語
1
0
1
151
渡邉みい
渡邉みい@w_michan69·
\🤍美容系バナーデザインコンテスト🫧/ 【応募期間】 10月9日(木)21:00〜10月12日(日)21:00 🏆グランプリ(1名):Amazonギフト券 10,000円✨ 🎖️特別賞(3名):Amazonギフト券 3,000円 🎙️応募者全員:渡邉みいからの音声添削付き 📓ポートフォリオ掲載OK 🤍さらに特別企画として... コンテスト専用コミュニティ内にて ▫️課題バナー制作実演LIVE ▫️添削コーチによるLIVE添削会 も予定しています🫶🏻 お楽しみに!! 【こんな方におすすめ】 ▫️自分のデザインに自信が持ちたい方 ▫️デザイン経験や実績をつけたい方 ▫️美容系デザインの知識をつけたい方 👇🏻参加方法の詳細は「みいの部屋」オープンチャットからご確認いただけます。(リプ欄💬)
渡邉みい tweet media
日本語
141
121
214
344.7K