すべてのカテゴリ

本日はデモサイトの制作を進めました！今回は主に「COMPANY（会社概要）」と「CONTACT（お問い合わせ）」セクションのPCデザイン部分を制作しました。COMPANYセクションでは、会社情報が見やすく伝わるように、写真と会社概要を左右に配置したレイアウトを採用しています。情報量が多くなりがちな会社概要ですが、余白や罫線を調整しながら、シンプルで見やすいデザインを意識しました。また、CONTACTセクションでは、「お問い合わせ」「LINEクーポン」「資料請求」の3つの導線をカード形式で整理しています。サイトでは、お客様によって求めている情報が異なるため、・まずは相談したい方・LINEで気軽に情報を受け取りたい方・資料を見て検討したい方それぞれが迷わず目的のページへ進めるような導線設計を意識しました。まだPC版の制作段階ですが、少しずつサイト全体の形が見えてきて完成が楽しみです！今後はスマートフォン表示への対応を行いながら、ホバーアニメーションやスクロール時の演出なども追加し、より見やすく使いやすいサイトへ仕上げていきたいと思います。引き続き頑張ります！

配色の基本ルールについて学習しました！こんにちは🌸本日は色彩検定の学習で「配色の基本ルール」について勉強しました。ホームページやバナーを制作する中で、「なんとなく色を選ぶ」のではなく、「なぜその配色が良いのか」を説明できることはとても大切です。配色とは？配色とは、2色以上の色を組み合わせて新たな効果を生み出すことです。配色のルールを知ることで、感覚だけではなく客観的に色を判断できるようになります。その結果、目的に応じて色を使い分けられるようになり、より効果的なデザインにつながります。---配色の基本ルール配色を調和させるためには、**「統一」または「変化」**のどちらかを意識することが基本になります。 統一感を重視した配色色相に共通性がある配色です。* 同一色相配色* 隣接色相配色* 類似色相配色これらは全体にまとまりが生まれやすく、落ち着いた印象になります。---統一でも対照でもない配色色相にやや違いがある配色です。* 中差色相配色統一感と変化のバランスを取りやすい配色といえます。---変化を重視した配色色相に対照性がある配色です。* 対照色相配色* 補色色相配色コントラストが強くなり、目を引きやすい配色になります。バナーや広告など、注目を集めたい場面でよく使われます。色相差について色相を基準に配色を考えるときは、使う色同士の「色相差」に注目します。PCCSの色相環では、色相番号24と色相番号1は隣同士として考えるため、最大の色相差は12となります。また、色相差は* 時計回り* 反時計回りどちらで数えても問題ありません。配色を考えるときのポイント色相を基準に配色を考える場合、

今日は、現在制作中のデモサイトのファーストビュー（FV）の写真を変更しました✨今回は、“暮らしの心地よさ”や“余白感”が伝わるような住宅イメージの写真に調整しています！写真が変わるだけでも、サイト全体の空気感や印象がかなり変わるので、FVは特にこだわりながら制作しています☺️また、このデモサイトは写真や文章を差し替えることで、さまざまな業種向けにアレンジできる構成になっています！そして本日の色彩検定では、「視細胞の種類」について学習しました👀人の目には、光を感じ取るための視細胞があり、明るい場所で働く「錐体（すいたい）」暗い場所で働く「杆体（かんたい）」の2種類があります。さらに錐体は、どの波長の光を主に感じるかによって3種類に分けることができます！S錐体短波長の青い光を感じるM錐体中波長の緑の光を感じるL錐体長波長の赤い光を感じる視細胞の分布視細胞には「錐体細胞」と「杆体細胞」の2種類があり、網膜上での分布にも偏りがあります。錐体は中心窩にピークがあり、そこから10°付近まで密集しています。そのため、色や細かい形を見ることに適しています！一方で杆体は、錐体よりも数が多く、中心窩から20°付近に分布のピークがあります。杆体は暗い場所でも働くため、夜間や暗所での視覚に重要な役割を持っています👀人の目って、普段当たり前に使っているけど、かなり精密な仕組みになっていて面白いですね✨

本日のココナラブログは、色彩検定の学習内容です✨今日は「照明」について勉強しました💡① 白熱ランプ（白熱電球・ハロゲン電球）白熱ランプは、色温度約2800Kの黄み〜赤みがかった暖かい光が特徴です。光の量を自由に調整できる「調光」が可能で、・白色塗料が塗られたタイプ→ やわらかい光・透明なガラス球タイプ→ キラキラした装飾的な光など、種類によって見え方が変わることを学びました！また、ハロゲン電球は白熱電球の一種で、・より明るい・寿命が長い・演色性が高いという特徴があり、宝飾品・衣料品・食品などの商業照明にも使われているそうです✨② 蛍光ランプ蛍光ランプは、光色の種類が豊富で、白熱ランプより効率が良く寿命も長い照明です！さらに、消費電力が小さく経済性にも優れているとのこと☺️JISでは演色性によって3つに分類されているそうで、・普通型→ 価格が安い・高演色型→ 美術館や博物館などに使用・3波長域発光型→ 省エネルギーと演色性を両立した現在主流のタイプなど、用途によって使い分けられていることを学びました🌸普段何気なく見ている照明にも、色の見え方や印象に関わる工夫がたくさんあることを知れて面白かったです✨続きはまた明日学習していきます☺️

本日のココナラブログは、色彩検定の学習内容の続きです✨今日は「減法混色」について学習しました！減法混色とは、フィルターなどを重ねた時に、元の色より暗い別の色に見える混色のことです。これは、光がフィルターを通過する際に、特定の波長の光が吸収されることで起こるそうです！また、私たちが普段見ているスマホやPCの画面の色は、RGB（赤・緑・青）の3色の光の強さを変えることで表現されています📱✨テレビやモニターを拡大すると、RGBの小さな点が並んでいるそうで、・赤く見える部分 → Rが強く発光・黄色く見える部分 → RとGが強く発光・白く見える部分 → RGBすべてが強く発光しているとのこと！逆に、RGBが発光していない部分は黒く見えるそうです。さらに、雑誌やポスターなどのカラー印刷には、「減法混色」と「併置加法混色」の両方の原理が使われていることも学びました🌈普段当たり前に見ている色にも、たくさんの仕組みが隠れていて面白いです☺️

本日は、トップページが完成したデモサイトの全体イメージをご紹介します！これまでブログでは各セクションごとの制作過程を掲載していましたが、サイト全体のスクリーンショットはまだ掲載していなかったので、今回はまとめてご紹介してみました。今回のデモサイトは、ファーストビューABOUTNEWSSERVICECOMPANYCONTACTなどを1ページにまとめた構成となっています。また、写真や文章を差し替えることで、業種を問わずオリジナルサイトとして活用できるよう設計しています。「こんな雰囲気のホームページが欲しい」というイメージづくりの参考にもなれば嬉しいです✨トップページ完成↓↓色彩検定の勉強記録本日は「明順応」と「暗順応」について学習しました。順応とは、周囲の明るさに目が慣れることをいいます。明順応暗い場所から明るい場所へ移動した際に起こる現象です。比較的早く進み、数秒ほどで完了するといわれています。暗順応明るい場所から暗い場所へ移動した際に起こる現象です。暗順応には10〜15分ほどかかり、完全に順応するには約30分程度必要とされています。ロドプシンとの関係杆体（かんたい）に含まれる視物質「ロドプシン」は、光が当たると分解されます。そのため明るい場所ではロドプシンがほとんど存在しない状態になっています。そこから急に暗い場所へ移動すると、ロドプシンが再び合成されるまで時間が必要になるため、すぐには周囲を見ることができません。暗順応に時間がかかる理由は、このロドプシンの再合成が関係しているんですね。本日はここまで！

本日のブログは色彩検定の学習内容の続きです✨今日は・加法混色の三原色・混色でできる色・補色・併置加法混色・継時加法混色について学習しました！加法混色では、色を混ぜるほど明るくなっていくという特徴があります。長波長・中波長・短波長の光がすべて揃うと、無彩色の「白（W）」になるそうです✨また、R（赤）とC（シアン）のように、混ぜることで無彩色になる関係の色を「補色」と呼ぶことも学びました！さらに、小さな色点を高密度で並べることで、離れて見ると別の色に見える「併置加法混色」についても勉強しました🌈これは、ヨーロッパのモザイク画や、新印象派のスーラなどに代表される点描画にも使われているそうです！そして、色を塗り分けた円盤を高速回転させることで、別の色に見える「継時加法混色（回転混色）」についても学習しました✨短時間で切り替わる色の変化を、目が識別できなくなることで起こる現象とのことで、色彩の仕組みの奥深さを感じました☺️

本日は色彩検定はお休みして、LINEスタンプ制作を進めていました！今回は暑い日に使える「あづ〜い！」スタンプを作成してみました！最初は温度計やイラスト素材を使ったデザインも考えていたのですが、試行錯誤を重ねた結果、猫を大きく見せる文字を見やすくする暑そうな雰囲気が伝わるようにするという方向で調整していきました。汗マークや文字の位置など細かい部分も何度も修正しながら、ようやく納得のいく形になったと思います😊スタンプ制作はホームページ制作とはまた違った楽しさがあり、「どうすれば一瞬で意味が伝わるか」を考える良い勉強にもなりました。まだまだ制作途中ですが、おはようおつかれさまごはんまだ？さむいなど、日常で使いやすいスタンプも増やしていきたいと思っています✨完成したら実際に販売もしてみたいですね♪↓↓

本日は色彩検定の学習で、インテリアのカラーコーディネーションについて学びました。普段何気なく見ているお部屋も、実は色だけでなく、さまざまな要素が組み合わさって空間がデザインされています。例えばインテリアには、木材石材金属プラスチックなど、さまざまな素材が使われています。さらに、同じ木材でもツヤがある仕上げやマットな仕上げなど、**テクスチャー（質感）**によって空間の印象は大きく変わります。インテリアデザインを考える際のチェックポイント今回学んだ中で特に大切だと感じたポイントはこちらです。✅ 空間の使用目的✅ 空間の広さ・形態・スタイル✅ インテリアイメージの方向性✅ 色彩イメージの方向性と配色✅ 素材・テクスチャー・仕上げ方法✅ 照明の方法✅ 他の空間との調和これらを総合的に考えながらデザインすることで、統一感のある心地よい空間が生まれることを学びました。Webデザインにも共通する考え方今回勉強していて、「これはWebデザインにもそのまま活かせる」と感じました。ホームページ制作でも、誰に向けたデザインなのかサイト全体のイメージ色の組み合わせ写真や素材の雰囲気他のページとの統一感などを考えながら制作しています。インテリアもWebデザインも、「見た目がきれい」だけではなく、目的に合わせて全体のバランスを整えることが大切なのだと改めて実感しました。これからも色彩の知識を深めながら、より見やすく、心地よいデザインを制作できるよう頑張っていきます！