yui

26歳IT企業会社員。 働きながらWebデザインの勉強中。 アウトプットを増やしていきたい。 趣味は音楽とカフェとお笑いです。 Official髭男dism / Awesome City Club / かまいたち

yui

26歳IT企業会社員。 働きながらWebデザインの勉強中。 アウトプットを増やしていきたい。 趣味は音楽とカフェとお笑いです。 Official髭男dism / Awesome City Club / かまいたち

#買ってよかったもの -2022-「オーダーメイド枕」

今年買ってよかったものはダントツで「オーダーメイド枕」です。 ずっと枕難民で、数年間隔で枕を変えてはしっくりこない日々が続いていました。 それがオーダーメイド枕で全て解決しました。 枕を変えようと思ったきっかけ今年の4月くらいにまた新しい枕に変えたのですが、その枕が過去一合わず首と肩の痛みが続きました。 また、いつも7〜8時間（自分にとって最適と思っている時間）寝ているのですが、それでも眠すぎる日があったり疲れが抜けないなと感じる日が続いたりしました。 仕事にも支障が出る

yui

    • Webサイト分析 vol.9 「こやま法務事務所」

      今回は「こやま法務事務所」さんのWebサイト分析をしていきます。 Webデザインのまとめサイトに掲載されていたのですが、なんだか温もりや優しさを感じたので、パッと見では法務事務所のサイトだとは思わなかったです。 でも、私が受けた印象は狙い通りなのだと思います。 ターゲット ・法務事務所に相談したい人 ・誰に相談しようか迷っている人 サイトのねらい・相談の連絡をしてもらう、事務所に来てもらう ・事務所のことを知ってもらう ・どんなことができるか知ってもらう（業務内容＋強み

      yui

      • Webサイト分析「阿部守商店」

        今回は宮城県のお魚を販売している「阿部守商店」さんのWebサイトを分析します。 どうやらTwitterでさまざまな方が「素晴らしい」と絶賛されているWebサイトのようです！ ターゲット・阿部守商店の商品を買いたい人 ・阿部守商店のことを知りたい人 ・商品を使ったレシピを知りたい人 サイトのねらい ・お店のコンセプトやこだわりを正しく伝える ・商品を売る ・お店のことを知ってもらう サイトから受ける印象・和 ・味がある ・落ち着いている 使用フォント・shippori

        yui

        • バナーデザインのきほん

          yui

          バナーデザインのきほん 6

          カトウヒカルさんの著書「思わずクリックしたくなる バナーデザインのきほん」の巻末に載っている練習問題6を作成しました。 実際に作成したものがこちら↓です。 【依頼内容】 ・紅葉（こうよう）の魅力が伝わるように秋を演出して欲しい ・京都の街やお寺などの写真を使って欲しい ・和の印象が伝わるような歴史的な雰囲気 【入れる要素】 ◯テキスト ・京都紅葉スポット巡り ・日帰りバスツアー ・5,980円で1日楽しめる ・稲富観光バス（社名） 意識したこと・実践したこと・秋の京都

          yui

          バナーデザインのきほん 6

          yui

          バナーデザインのきほん Lesson5

          カトウヒカルさんの著書『思わずクリックしたくなる バナーデザインのきほん』の巻末に載っている練習問題の5を作成しました。 （2〜4も作成したのですが記録しておくのを忘れました…。） 作成したものがコチラ↓です。600*500で作成しています。 【依頼内容】 ・10代が好むポップな雰囲気をアメコミ風に ・配色はカラフルで鮮やかな色で ・事前予約が必要であることを知らせたい 【提供された素材】 ◯テキスト ・OPEN CAMPUS 2022 ・古庄ビジネス専門学校 ・先輩が

          yui

          バナーデザインのきほん Lesson5

          yui

          Webサイト分析 vol.7 「名古屋パルコ」

          今回分析したのは「名古屋パルコ」さんの2022春の特設サイトです。 春らしい爽やかで明るい色と『春⚪︎(ル)コ』という独特な「パルコ」の文字が並んだFVが目を惹きました。 ターゲット・このページは、名古屋パルコのWebサイトから飛んでくることができる →この春パルコで何があるのか(何が買えるのか、どんな店があるのか)知りたい人向け ・明るい配色→若者向け サイトのねらい・どんな店が出店している・出店するのかを知ってもらう ・2022年春のパルコのコンセプトを知ってもらう

          yui

          Webサイト分析 vol.7 「名古屋パルコ」

          yui

          Webサイト分析 vol.6　「SOL」（美容室）

          今回分析したのは、 このデザインを制作した際に美容室のサイトを調べていて見つけた和歌山の美容室「SOL」さんのWebサイト↓です。 ターゲット・SOLで予約をしたい人 ・周辺に住んでいて美容室を探している人 サイトのねらい・お店の情報（コンセプトや営業時間）を伝えること ・予約をしてもらうこと サイトから受ける印象・シンプル ・繊細 ・明るい ・キレイそう 使用フォント<html>タグへの指定 system-ui -apple-system BlinkMacSys

          yui

          Webサイト分析 vol.6　「SOL」（美容室）

          yui

          サイト分析 vol.5 Ban Design Studio

          今回分析するのは東京都国立市を拠点とするBan Design Studioさんのサイトです。 ひと目でキュンとして好き！と思いました。 ターゲットこのサイトは、Ban Design Studioさんの企業サイトで、トップページには作品が並べられています。 →ターゲットはBan Design Studioさんに仕事を依頼しようとしている人 　商品パッケージやロゴの作成を依頼できる人を探している人 サイトのねらい・これまで手がけたプロジェクトを知ってもらい、依頼につなげること

          yui

          サイト分析 vol.5 Ban Design Studio

          yui

          ＃バナーデザインのきほん 練習問題1　プログラミングスクールの生徒募集

          カトウヒカルさん著の『思わずクリックしたくなる バナーデザインのきほん』の巻末にある練習問題の1つ目に取り組みました。 制作時間2日に分けて制作したのですが、トータルすると2時間半くらいです。 クライアントの要望クライアントの要望として下記のものが記載してありました。 また、入れる要素としてテキストと画像が提供されていました。画像は同じものがないので、似たものをフリー素材で用意しました。 考えたこと◯ターゲットが20〜30代の転職を考えている人 明るくすることが要望と

          yui

          ＃バナーデザインのきほん 練習問題1　プログラミングスクールの生徒募集

          yui

          【Webデザインお題 デザイン＆コーディング】Hair Salon Kobayas

          こばやすさん(@kobayas_s)のWebデザインお題に挑戦しました。 お題内容はこちら↓。 PC版・SP版全体画像意識したこと雰囲気 全体的に、 シンプル 自然派（植物系） 清潔感 を意識した配色や写真の選定を行いました。 ぱっと見で情報のグルーピングができるように配置や装飾等を意識しました。 また、ボタンはアクセントカラーを使用し目立つようにしています。 使用色 今回使用したのは、指定のあった #f6f6f1　ベージュ #b8dae6　水色 に加え、 見出

          yui

          【Webデザインお題 デザイン＆コーディング】Hair Salon Kobayas

          yui

          JavaScript初学者がHTML5プロフェッショナル認定試験レベル2を取得するまで

          私について2022年2月現在、私は24歳の会社員(2年目)です。 HTMLとCSSを2020年9月から学習を開始し、ページの構成が複雑すぎなければそれなりにコーディングはできる状態です。 2021年7月にHTML5プロフェッショナル認定試験レベル1を取得しました。 jQueryも少しかじっていました。 スキルアップと知識の獲得のため、HTML5プロフェッショナル認定試験レベル2を受けようと思いました。 ここでは、端的に学習期間と使用教材、学習方法を書いていきます。 試験範

          yui

          JavaScript初学者がHTML5プロフェッショナル認定試験レベル2を取得するまで

          yui

          あけましておめでとうございます🎍

          あけましておめでとうございます🐅 年賀状がわりのイラストを描きました。 2022年爆進したいので頑張ります。

          yui

          あけましておめでとうございます🎍

          yui

          クリスマスイラスト

          イラレの入門書を一冊一通り終え、何か作りたいと思ってデジタルクリスマスカード(つまるところイラストです)を作りました。 ツリーと星の作り方はhamkoさん(@hamko1114の動画を参考にさせていただきました！ 線やアピアランスをいじったり効果をつけたりして作りました。 ちょっと可愛い感じです。 1枚目のツリーの飾りになっているサンタを拡大しました。ドドーンとインパクトのある感じにしました。 少しずつではありますがイラレの方も使い慣れてきていて良い感じです。 印刷は

          yui

          クリスマスイラスト

          yui

          1冊読む&演習した！ いろんなことできて楽しい！もちろんここに載ってない技はたくさんあるから、これから学んでいきたい。 #Illustrator #イラレ

          yui

          1冊読む&演習した！ いろんなことできて楽しい！もちろんここに載ってない技はたくさんあるから、これから学んでいきたい。 #Illustrator #イラレ

          yui

          #バナーお題4 に挑戦しました

          こばやすさん（@kobayas_s）のバナーお題4に挑戦しました。 意識したこと・今回はコピーを自分で考えるというものだったので、「クリスマス前に始めトク！」にした。お得情報なのでかけてみた。 ・時期がクリスマスなので、クリスマスカラーを使用した。また、クリスマスから連想される装飾を散りばめた。 ・季節感と読みやすさに気をつけた。「トク」と数字を大きくして目立たせた。 ・ターゲットは20〜30代女性をメインでイメージしている。 感想どこにどの色を使うかが難しかった。文字だ

          yui

          #バナーお題4 に挑戦しました

          yui