TOP
できること
ポートフォリオ
ブログ
ご依頼・料金
お問い合わせ

インハウスWeb制作OLのあれこれブログ

現役インハウスWeb制作OLがWebやグラフィックデザインに関する記録を残すブログです。

Webデザイン

【画像フォーマット】「SVG」って何？Webデザインにお...
Web制作

【商用可】人物イラスト素材ならコレ！おすすめのフリーイラ...
Web制作

【CSS】これを使うだけで垢抜け！手軽なcssアニメーシ...
レスポンシブWebデザイン

【参考にしたい】おしゃれなレスポンシブWebデザインのサ...
Web制作

【初心者必見】Web制作を勉強するならコレ！現役インハウ...
Web制作

【フリーランスデザイナー必見！】個人名刺をデザインして、...

GOSHIMMER

goshimmer

スポンサーリンク

スポンサーリンク

最近の投稿

【初心者必見・作例あり】乗算？スクリーン？Photoshopの描画モードを理解してデザインに取り入れよう！
【結局どっちがいいの？】JPEG形式（.jpg・.jpeg）とPNG形式（.png）の違いを正しく理解して、使い分けよう！
【制作実績】CHKiT様「delfino」ランディングページを制作しました。
【CSSフレームワーク】Bootstrapとは？Webデザイン初心者でも簡単にWebサイトが作れちゃうBootstrapことはじめ！
【画像フォーマット】「SVG」って何？Webデザインにおける導入メリット・デメリットなどをご紹介します！

アーカイブ

2021年8月
2021年7月
2021年5月
2021年4月
2021年3月
2021年2月

最近の投稿

【初心者必見・作例あり】乗算？スクリーン？Photoshopの描画モードを理解してデザインに取り入れよう！
【結局どっちがいいの？】JPEG形式（.jpg・.jpeg）とPNG形式（.png）の違いを正しく理解して、使い分けよう！
【制作実績】CHKiT様「delfino」ランディングページを制作しました。
【CSSフレームワーク】Bootstrapとは？Webデザイン初心者でも簡単にWebサイトが作れちゃうBootstrapことはじめ！
【画像フォーマット】「SVG」って何？Webデザインにおける導入メリット・デメリットなどをご紹介します！

カテゴリー

ブログ
広告
レスポンシブWebデザイン
写真
レタッチ上達への道
Webデザイン
コーディング
バナー模写
Web制作
動画制作
グラフィックデザイン
制作実績
カメラ
練習記録
素材サイト
私について
未分類

Popular Post

1

【商用可】人物イラスト素材ならコレ！おすすめのフリーイラスト素材サイト6選
2

【Webデザイン初心者必見】バナー模写でWebデザインの基礎を身につける方法
3

【フリーランスデザイナー必見！】個人名刺をデザインして、ラクスルで印刷してみました。
4

【#1】バナー模写 / BAYCREW’S
5

【商用OK・クレジット不要】おしゃれなフリー素材ならコレ！「Unsplash（アンスプラッシュ）」をご紹介します。

Category

ブログ 4
- 広告 2
写真 5
- レタッチ上達への道 3
Web制作 37
- コーディング 13
  - レスポンシブWebデザイン 2
  - Webデザイン 6
動画制作 5
グラフィックデザイン 16
制作実績 6
カメラ 1
練習記録 16
- バナー模写 11
素材サイト 3
私について 7
未分類 3

goshimmer

主に制作実績や、自由に制作した「#妄想制作」作品を掲載しています。

今回は「行間」について。行間の決

今回は「行間」について。

行間の決め方、みなさまはどうやっていますか？
読みやすさや、理解力は人それぞれだし、自分の感覚だけに頼ってしまうとちょっと危ないデザインになってしまいます。

デザインにおいて自分自身の感覚を頼りにすることもあると思いますが、アクセシビリティに配慮することにおいては基準を意識することも重要だと思います。

ただ、基準があるにしてもフォントやスタイル、言語によって読みやすさは様々ですし、永遠の課題になりそうです😭
行間に悩んだことがある方やこれまであまり意識していなかった方は、よかったら画像の内容を参考にしてみてくださいね🙋🏻‍♀️
この投稿が誰かのお役に立てれば幸いです☺️

#webデザイン #webデザイナー #webデザイン勉強中の方と繋がりたい #webデザイナー勉強中 #webデザイン初心者 #webデザイナーと繋がりたい #webデザイン勉強中 #行間 #余白 #photoshop #デザイン勉強中

【妄想制作】
妄想を膨らませて制作する#妄想制作シリーズ☁

夏のボーナス商戦に合わせた少し特別感のある化粧品PRバナーを作成しました。
いつもよりちょっといい化粧品を自分へのご褒美にをテーマに化粧品ボトルの魅せ方や光の使い方、モデルの写真はあえて目線を外したものをえらび、抜け感を表現しました。

その他作品はプロフィールよりリンククリックでポートフォリオをご確認いただけます𓂃
@goshimmer

現在新規のご依頼を停止しております🙇‍♀️

┈┈┈┈┈┈┈┈┈┈┈┈୨୧

#練習記録 #webデザイナー #webデザイン勉強中 #webデザイン #web制作 #webdesign #ポートフォリオ #バナー #バナー制作 #web広告 #ブランディングデザイン #ブランディング #インスタ用画像 #フリーランス女子 #起業準備 #化粧品 #ボーナスでご褒美 #ご褒美コスメ

今回は「ターゲットサイズ」について。

ここで言うターゲットサイズとはボタンやリンクのことを指します。

WCAG2.1ではターゲットサイズに関する項目が追加されました。
レベルAAAの項目ではありますが、これを意識することで格段にウェブサイトが使いやすくなると思いますので、覚えておくと便利です。

WCAG2.1ではターゲットサイズを44px×44px以上を確保するとされています。
PCサイトはもちろん、スマホサイトでは人によって指の太さも違いますし、タップ領域が狭すぎると誤操作を起こす原因にもなりかねません。

有名サイトの例とともにご紹介しておりますので、ただなんとなくボタンサイズを決めていた方はぜひ参考にしてみてください😊

この投稿が誰かのお役に立てれば幸いです☺️

#webデザイン #webデザイナー #webデザイン勉強中の方と繋がりたい #webデザイナー勉強中 #webデザイン初心者 #webデザイナーと繋がりたい #webデザイン勉強中 #ターゲットサイズ　#スマホサイト #wcag #photoshop #デザイン勉強中

【妄想制作】
妄想を膨らませて制作する#妄想制作シリーズ☁

久しぶりに妄想制作してみました。

母の日まで、もうすぐ。
各企業のプロモーションも母の日を謳っているものが増え、それぞれのアイディアに驚かされます。
今回はブレンドモードを使いながら柔らかい色味に統一し、大事なのは華やか差よりも気持ちであることが伝わるようなイメージで制作してみました。

母の日に何を贈りますか？
プレゼントやお花、手紙など贈り物は人それぞれかと思いますが、ただ何かを贈るだけではなく気持ちを伝えられるような母の日にしたいなと思います。

素敵な母の日を🌹

その他作品はプロフィールよりリンククリックでポートフォリオをご確認いただけます𓂃
@goshimmer

現在新規のご依頼を停止しております🙇‍♀️

┈┈┈┈┈┈┈┈┈┈┈┈୨୧

#練習記録 #webデザイナー #webデザイン勉強中 #webデザイン #web制作 #webdesign #ポートフォリオ #バナー #バナー制作 #web広告 #ブランディングデザイン #ブランディング #インスタ用画像 #フリーランス女子 #起業準備 #母の日プレゼント #母の日ギフト #母の日制作 #母の日

今回は本のご紹介です☺️
「勝てるデザイン」
著者・前田高志

勝てるデザインってなんだろう。
そもそも勝てるってなんだろう。
今よりももっとデザインに向き合いたくなる、自分に可能性を感じることができる本です。

4月に入り、環境が変わられた方
新たにwebデザイナーになった方もいらっしゃるかと思います。
有名な本ではありますが、本が苦手な私でも読むことができたし、デザイン力を伸ばすためのワークもあって、今この本に出会えてよかったなと思ったので紹介したいと思います📗

これから新たにキャリアを始めるデザイナーさんだけでなく、ちょっと詰まってたり、進む道を見失ってたりする方にもおすすめです🙂

内容などは公式サイトに載ってますので、ぜひ見てみてください。
公式サイトも作り込まれていて見応えあります👩🏻‍🎨

この投稿が誰かのお役に立てれば幸いです☺️

#webデザイン #webデザイナー #webデザイン勉強中の方と繋がりたい #webデザイナー勉強中 #webデザイン初心者 #webデザイナーと繋がりたい #webデザイン勉強中 #勝てるデザイン #デザイン勉強中　#本紹介

今回は「余白の統一」について。 Web

今回は「余白の統一」について。

Webデザインを勉強するとイヤでも目にする余白についてご紹介します。
余白に関してはこれでもかってくらい揃えること、習慣づけることをおすすめします。

どんな余白の取り方をするかはデザイン次第ですが、情報の強弱に気をつけながら揃えるところはきっちり揃えるようにすると、デザインにまとまりが生まれ、初心者っぽさを抜け出す一歩にもなります。

この投稿が誰かのお役に立てれば幸いです☺️

#webデザイン #webデザイナー #webデザイン勉強中の方と繋がりたい #webデザイナー勉強中 #webデザイン初心者 #webデザイナーと繋がりたい #webデザイン勉強中 #余白 #余白には理由があります #けっきょくよはく #photoshop #デザイン勉強中

今回は「コントラスト比」について。

Webアクセシビリティに配慮したデザインを作成するために、コントラスト比を考慮してデザインするということが重要になってきます。
一見クリアしてそうに見えても、実際に数値としてみると全然だったり、コントラスト比をクリアすることを目的としてしまうと、自分の作りたいデザインでは無くなってしまったり難しい部分がまだまだあるなと感じました。

ただ、ツールを使いながらコントラスト比を意識してデザインをしていくと、あ、これ足りてないなとかわかるようになってきます😌
コントラスト比のレベルをクリアした配色アイデア集なども公開されているのでぜひ調べてみてくださいね🌸

この投稿が誰かのお役に立てれば幸いです☺️

#webデザイン #webデザイナー #webデザイン勉強中の方と繋がりたい #webデザイナー勉強中 #webデザイン初心者 #webデザイナーと繋がりたい #webデザイン勉強中 #コントラスト比 #コントラスト #photoshop #デザイン勉強中

今回は「Webアクセシビリティ」について。

知らなくてもWebサイトは作れますが、
知っていた方がより良いWebサイトにすることができます。
法令やガイドラインなどいろいろありすぎて、私自身勉強していても単語や日本語での書かれ方も難しいし、なかなか頭に入ってこない分野なのですが、一つ一つ紐解いてみると、案外簡単だったりするので根気強く頑張りましょう😌

ここに書いてあることは本当に触りの段階なのでまだまだ奥が深いとおもいます。
関係性を整理し、それぞれのガイドラインに関して簡単にまとめましたので、この投稿が誰かのお役に立てれば幸いです☺️

また今後の投稿ではより詳しい内容や気をつけるポイントなどもご紹介していきます🙆‍♀️

#webデザイン #webデザイナー #webデザイン勉強中の方と繋がりたい #webデザイナー勉強中 #webデザイン初心者 #webデザイナーと繋がりたい #webデザイン勉強中 #カーニング #トラッキング #photoshop #デザイン勉強中

今回は「字間」について。トラッキ

今回は「字間」について。

トラッキングやらカーニングやら、
いろんな単語出てきますが、
とにかく、
字間の調整ってデザインに大きな影響を与えます。
やるのとやらないのでは印象が全然違います。
私もまだまだ勉強中なので、
日々気づきや印象の違いなどを学びがあり、面白いなと思います☺︎

気をつけるポイントやショートカットなどご紹介しているので画像をswipeしてご確認ください。
この投稿が誰かのお役に立てれば幸いです☺️

#webデザイン #webデザイナー #webデザイン勉強中の方と繋がりたい #webデザイナー勉強中 #webデザイン初心者 #webデザイナーと繋がりたい #webデザイン勉強中 #カーニング #トラッキング #photoshop #デザイン勉強中

-𝐑𝐞𝐧𝐞𝐰𝐚𝐥

遅ればせながら今年初投稿です。

昨年は、こちらのInstagramをスタート、本格的にご依頼を受け付けたり、転職して環境をガラッと変えたり、自分自身にも大きな変化があった1年でした。

これまで#妄想制作を中心に投稿してきましたが、今年からは形を変え、作品に加えて、web制作に関する学びや、気づきも投稿していこうと思います。

web制作を始めてもうすぐで7年になりますが、ほぼ独学でやってきたからこそ知らなかったこと、もっと早く知りたかったこと沢山あります。
今になってようやくわかることもあるし、気をつけなければいけないことが多いからこそ、自分自身の再確認のためにも、より多くの人に知っていただくためにも発信していきたいなと思いました。

長くなりましたが、
2022年もgoshimmerをよろしくお願いいたします。

#webデザイン #webデザイナー #webデザイン勉強中の方と繋がりたい #webデザイナー勉強中 #webデザイン初心者 #webデザイナーと繋がりたい #webデザイン勉強中

𝐒𝐮𝐜𝐜𝐞𝐬𝐬 𝐢𝐬 𝐠𝐨𝐢

𝐒𝐮𝐜𝐜𝐞𝐬𝐬 𝐢𝐬 𝐠𝐨𝐢𝐧𝐠 𝐟𝐫𝐨𝐦 𝐟𝐚𝐢𝐥𝐮𝐫𝐞 𝐭𝐨 𝐟𝐚𝐢𝐥𝐮𝐫𝐞 𝐰𝐢𝐭𝐡𝐨𝐮𝐭 𝐚 𝐥𝐨𝐬𝐬 𝐨𝐟 𝐞𝐧𝐭𝐡𝐮𝐬𝐢𝐚𝐬𝐦.
-𝐖𝐢𝐧𝐬𝐭𝐨𝐧 𝐂𝐡𝐮𝐫𝐜𝐡𝐢𝐥𝐥
.
.

「“成功”とは、失敗から失敗へと、情熱を失うことなしに渡り歩くことである。」

転職して1ヶ月。
本当にあっという間に11月が過ぎていきました。
今の自分の課題も明確になり、現状のスキルを見せられた1ヶ月ではあったのですが、
気持ち的にも少し余裕が出てきたので
もっと勉強しなきゃなとちょっと燃えています😳

やっぱり成功までの道のりで、
失敗って付き物だし、諦めずに情熱や熱意を持って取り組むって大事だけど本当に難しいなと感じています。
ただ、これからも勉強あるのみですね

頑張りましょう❤️‍🔥
12月も1ヶ月間よろしくお願いいたします。
.
.
#webデザイナー #webデザイン #12月 #december #20211201

【妄想制作】
妄想を膨らませて制作する#妄想制作シリーズ☁

BLACK FRIDAYのお知らせをするInstagram用バナーを制作してみました。

BLACK FRIDAYが始まるといよいよ年末だな~と感じます。
セール感を押し出すのもいいけど
Instagramの雰囲気を損なわないように、シンプルで洗練されたデザインがあってもいいのかなと思ってあえて控えめに、シークレット感の伝わるデザインにしてみました😌

同じブランド、デザインでも媒体によって情報を取捨選択し、使い分けることがやっぱり大事だよなって最近よく思います🙂

その他作品はプロフィールよりリンククリックでポートフォリオをご確認いただけます𓂃
@goshimmer

現在新規のご依頼を停止しております🙇‍♀️
再開までしばらくお待ちください。

┈┈┈┈┈┈┈┈┈┈┈┈୨୧

#練習記録 #webデザイナー #webデザイン勉強中 #webデザイン #web制作 #webdesign #ポートフォリオ #バナー #バナー制作 #web広告 #ブランディングデザイン #ブランディング #インスタ用画像 #フリーランス女子 #起業準備 #blackfriday #sale #ブラックフライデー

𝐃𝐨𝐧’𝐭 𝐭𝐫𝐲 𝐭𝐨 𝐛𝐞

𝐃𝐨𝐧’𝐭 𝐭𝐫𝐲 𝐭𝐨 𝐛𝐞 𝐨𝐫𝐢𝐠𝐢𝐧𝐚𝐥, 𝐣𝐮𝐬𝐭 𝐭𝐫𝐲 𝐭𝐨 𝐛𝐞 𝐠𝐨𝐨𝐝.
-𝐏𝐚𝐮𝐥 𝐑𝐚𝐧𝐝
.
.

「独創的になるのではなく、良くなるようにしなさい。」
独創性も大事だけど、
受け手を考え、最良のデザインをすることが1番だと思っています。
.
.
#archive

【妄想制作】
妄想を膨らませて制作する#妄想制作シリーズ☁️

女性ファッションブランドの2022 FWのコンセプトを伝えるInstagram用バナーを制作してみました🧥

秋ってお洋服もメイクも
色味だったり質感が大好きで、
あっという間に過ぎちゃうんです。
そしたら冬が来て、
ふわふわもこもこの女の子をより可愛くさせるような季節が来て、
購買意欲が高まっちゃいます🥰

そんな思いを掻き立てるようなバナーを作ってみました。
みなさんはどの季節のお洋服やメイクが好きですか？🙂

その他作品はプロフィールよりリンククリックでポートフォリオをご確認いただけます𓂃
@goshimmer

現在新規のご依頼を停止しております🙇‍♀️
再開までしばらくお待ちください。

┈┈┈┈┈┈┈┈┈┈┈┈୨୧

#練習記録 #webデザイナー #webデザイン勉強中 #webデザイン #web制作 #webdesign #ポートフォリオ #バナー #バナー制作 #web広告 #ブランディングデザイン #ブランディング #インスタ用画像 #フリーランス女子 #起業準備 #秋服コーデ #冬服コーデ #ootdfashion

𝐋𝐢𝐟𝐞 𝐢𝐬 𝐚 𝐝𝐚𝐫𝐢𝐧𝐠 𝐚𝐝𝐯𝐞𝐧𝐭𝐮𝐫𝐞 𝐨𝐫 𝐧𝐨𝐭𝐡𝐢𝐧𝐠 𝐚𝐭 𝐚𝐥𝐥.
-𝐇𝐞𝐥𝐞𝐧 𝐊𝐞𝐥𝐥𝐞𝐫
.
.

「人生はどちらかです。勇気をもって挑むか、棒にふるか」

先月新しく繋がっていただいたみなさま
ありがとうございました💐
最後にやっていた案件も無事終わり、
6年半勤めた会社を退職して、
上京することになりました😌

いままでのように頻繁に作品を上げることはできないかもしれませんが、
適応していきながらgoshimmerとしても活動していきたいと思っています☺️

挑戦をするときは、
終わりの見えない不安が続きますが、
打ち勝ってこそ強くなれると思うので
私は勇気を持って挑み続けます🙆‍♀️

11月も1ヶ月間よろしくお願いいたします。
.
.
#webデザイナー #webデザイン #11月 #november #20211101

【妄想制作】
妄想を膨らませて制作する#妄想制作シリーズ☁️

「人生の大きな決断に、相棒のような存在で力になりたい」
転職エージェント Buddy.の広告バナーを作ってみました🧑‍💼

私事ですが、転職することになりまして、
環境も場所も変えて挑戦するって本当に大変だし、ワクワクもあるけど不安も大きくて、
ただ一歩踏み出す勇気と、決断を自分に委ねることって本当に大事だから
その想いを伝えるバナーを作ってみました。

私だけじゃなく、
みなさんの
新たに踏み出す一歩に
幸あれ🕊

その他作品はプロフィールよりリンククリックでポートフォリオをご確認いただけます𓂃
@goshimmer

新規のご依頼は現在停止しております。
再開までお待ちください😌

┈┈┈┈┈┈┈┈┈┈┈┈୨୧

#練習記録 #webデザイナー #webデザイン勉強中 #webデザイン #web制作 #webdesign #ポートフォリオ #バナー #バナー制作 #web広告 #転職 #転職活動中 #転職エージェント #キャッチコピー #フリーランス女子 #起業準備

𝐈𝐟 𝐲𝐨𝐮 𝐡𝐚𝐯𝐞 𝐧𝐨 𝐜𝐫𝐢𝐭𝐢𝐜𝐬, 𝐲𝐨𝐮’𝐥𝐥 𝐥𝐢𝐤𝐞𝐥𝐲 𝐡𝐚𝐯𝐞 𝐧𝐨 𝐬𝐮𝐜𝐜𝐞𝐬𝐬.
-𝐌𝐚𝐥𝐜𝐨𝐥𝐦 𝐗
.
.

「もし君を批判する人がいなければ、君はおそらく成功しないだろう。」

先月新しく繋がっていただいたみなさま
ありがとうございました☻
案件が立て込んでなかなか時間が作れず、1ヶ月が嵐のように過ぎ去って行きました☁️

今動いていることが落ち着いたら、
また妄想制作早く作りたい！と
ネタを溜め込んでます☺️

批判って言葉にすると激しく聞こえるけど、
何事にも反発力って必要だと思っていて
何かしら逆らう動力があるほど
頑張りたくなっちゃいます。
逆に何も反発のない世界には面白味を感じないし、新しい刺激を求めて色々やりたくなります。
10月は新しく羽ばたく1ヶ月になりそうなので、ちょっと無理をしてでも頑張りたいなと思ってます🕊

落ち着いたら妄想制作、実績紹介も始めますのでお待ちいただける方は、
引き続きお付き合いくださいませ😌

10月も1ヶ月間よろしくお願いいたします。
.
.
#webデザイナー #webデザイン #10月 #october #20211001

【妄想制作】
妄想を膨らませて制作する#妄想制作シリーズ ☪︎

今回は映画のフライヤーを作ってみました

題して「とあるパリジェンヌの1日」
と言ってもこの写真はパリではないのですが、、、
仕事や恋愛、人間関係に翻弄されながら1日を重ねていく1人の女性の人生を描く映画です

上品かつキュートな彼女をシンプルかつ丸みのあるフォントや、デザインで表現してみました

その他作品はプロフィールよりリンククリックでポートフォリオをご確認いただけます𓂃
@goshimmer

現在新規のご依頼を停止しております☕︎

┈┈┈┈┈┈┈┈┈┈┈┈୨୧

#練習記録 #webデザイナー #webデザイン勉強中 #webデザイン #web制作 #webdesign #ポートフォリオ #チラシデザイン #チラシ作成 #フライヤーデザイン #映画 #パリジェンヌスタイル #フリーランス女子 #起業準備

𝐇𝐚𝐩𝐩𝐢𝐧𝐞𝐬𝐬 𝐝𝐞𝐩𝐞𝐧𝐝𝐬 𝐮𝐩𝐨𝐧 𝐨𝐮𝐫𝐬𝐞𝐥𝐯𝐞𝐬.
-𝐀𝐫𝐢𝐬𝐭𝐨𝐭𝐥𝐞
.
.
「幸せかどうかは、自分次第である」
幸せかどうかは自分次第だし、
幸せになるかどうかも自分次第
気付いたら誰かのために生きる人生になって、人生の主人公が自分じゃなくなってることも、本当の自分を見失ってることもよくある
自分が大事でいいし、好きでいい
自分自身を好きじゃないと幸せを感じにくいと思う
基準は人それぞれだと思うけど
自分を大事にしていきたいこれからも
.
.
#archive

【妄想制作】
妄想を膨らませて制作する#妄想制作シリーズ ☪︎

オンライン旅行のWeb広告バナーを制作してみました ☘︎

旅行になかなか行きにくい今だからこそ、お家で楽しめるオンライン旅行。
リアルさを引き立たせるVR体験で、まるで自分がその場にいるような感覚に✈︎

早く旅行に行ける世界になるといいですよね♩

その他作品はプロフィールよりリンククリックでポートフォリオをご確認いただけます𓂃
@goshimmer

ご依頼承っておりますのでお気軽にDM or 公式LINEよりご連絡ください𓍯

┈┈┈┈┈┈┈┈┈┈┈┈୨୧

#練習記録 #webデザイナー #webデザイン勉強中 #webデザイン #web制作 #webdesign #ポートフォリオ #バナー #バナー制作 #web広告 #オンライン旅行 #vr #フリーランス女子 #起業準備

さらに読み込む... Instagram でフォロー

2021–2023 インハウスWeb制作OLのあれこれブログ