グリットレイアウトの基本と活用方法
- デザイン
- #Webデザイン
はじめに Webデザインにおいて、どんな画面サイズでも美しく表示させるための手法として、グリットレイアウトが注目されています。この記事では、グリットレイアウトの基本的な要素について解説します。フィールド要素やカラム、ガター、サイド・マージンなど、Webサイトのデザインを構成する重要な要素についても詳しく...
新井 慎之介
-
-
illustratorで共同編する方法を理解しよう
- デザイン
- #illustrator
- #Webデザイン
はじめに 今回、ご紹介するのは2021年2月9日にAdobeが発表しているIllustratorや Photoshopの共同編集についてです。 元々、AdobeXDではできていた機能ですが今では、Illustratorや Photoshopでもできるようになりました。 共同編集ができるまえまでは、IllustratorやPhotoshopを共有する場合は元々のデータ（.aiファイ...
新井 慎之介 -
Webフォントの基本を理解しよう
- デザイン
- #Webデザイン
- #Webフォント
はじめに フォントには画像データでアップされたフォントやPCに元々、入っているデバイスフォントの他に「Webフォント」という概念のものがあります。有名な例だとGoogleFontsというものがあります。 今回はWebフォントを中心に説明していきたいと思います。 Webフォントについて 「Webフォント」とはWebサーバーから取...
新井 慎之介 -
なぜアニメーションが必要なのか？
- デザイン
- #Webデザイン
- #デザイン
はじめに こんにちわ！アップルップルの新井です。 入社して、3ヶ月が経とうとしています。最近は会社の方々に教えていただきながら、デザインのお仕事をさせてもらっています。 最近はなんのためにデザインするのかをよく考えるようになりました。サイトの目的が叶うデザインを作成できるよう、これからデザインの幅を...
新井 慎之介 -
.png)
Canvaの基本操作を使いこなそう！
- Canva
- #Canva
- #Webデザイン
はじめに 今回もCanvaの基本操作について確認していきます。前回のブログで、Canvaというツールがどのようなものなのか、Canvaではどのようなことができるのか、ある程度理解することができました。 これからCanvaを使って幅広く活用していければとも思っているため、ブログのアイキャッチなどで、実践していき早くCanva...
新井 慎之介 -
はじめてのCanva 基本の操作方法を覚えよう！
- Canva
- #Webデザイン
- #Canva
はじめに 今回からはCanvaというデザイン作成ツールについて勉強して行こうと思っています。Canvaを使いこなし、短時間で、本格的なデザインを作成できるくらいマスターできたらなと考えています。 書籍や、ネットを活用し、Canvaとはどのようなツールなのか？また、このツールを利用することで、どんなデザインを作成す...
新井 慎之介 -
a-blog cms
- a-blog cms
- #a-blog cms
- #Webデザイン
はじめに 今回はa-blog cms チュートリアル 【基本の総復習】復習1のレベル8「サブカラム共通：サイト内検索機能を実装する」から振り返ります。モジュールの実装はチュートリアルの中でも難易度が高いので、繰り返し、取り組むことがとても大切です。 先週からチュートリアルではなく実際にa-blog cmsを使用し、サイト...
新井 慎之介 -
a-blog cms 基本の総復習のまとめ
- a-blog cms
- #a-blog cms
- #Webデザイン
はじめに 今回はa-blog-cmsのチュートリアル【基本の総復習】を振り返ります。01~07までの課題をまとめていきます。 今まで、学んできたことを思い出しながら、復習していきたいと思います。 目次 事前準備 オリジナルテーマ「sample」を準備する テーマを作る際に最低限必要なタグを追記する 「sample」テーマを設定す...
新井 慎之介 -
a-blog-cms チュートリアルを振り返る
- a-blog cms
- #a-blog cms
- #Webデザイン
はじめに 今回は前回と同様、カスタムフィールドメーカーの操作方法について復習していきます。 前回はテキストをカスタマイズする課題だったため、次のステップとして、画像と、フォームに新規項目を追加する課題となります。テキストや画像など、それぞれ表示方法が違うため、違いを意識しながら、理解していきたいと...
新井 慎之介 -
a-blog cms チュートリアルを振り返る
- a-blog cms
- #Webデザイン
- #a-blog cms
はじめに 最近ではa-blog cmsのチュートリアルに取り組んでいます。a-blog cmsの専門用語など覚えてながら、構成や、操作方法を学んでいます。 今回はa-blog cmsのチュートリアルで学んだことを復習し、自分の中の確認ポイントや注意点をまとめようと思いました。これから1人でも使いこなせるようになるために、不明点を...
新井 慎之介 -
配色デザインの基本ルール
- デザイン
- #Webデザイン
- #カラー
- #配色
- #デザイン
色は印象を与える 色には「表現感情」と呼ばれるものがあり、人にはおのおのの、好みの色が違います。また、青は寒い印象を与え、オレンジは、暖かい印象というように誰がみても同じように感じることを「固有感情」と言います。この二つの色がもつ印象効果のことを合わせて「色彩感情」と言います。 配色を考え時には、...
新井 慎之介 -
《DTP Transit》『見やすく・読みやすく・わかりやすいデザインのためのユニバーサルデザインの基礎』を視聴しました。
- デザイン
- #配色
- #Webデザイン
- #デザイン
- #カラー
- #ユニバーサルデザイン
はじめに 2022年1月28日に開催された《DTP Transit》『見やすく・読みやすく・わかりやすいデザインのためのユニバーサルデザインの基礎』を視聴させていただきました。今回、登壇された間島 沙知 様のお話はためになるものばかりで、とても貴重な経験をさせていただきました。ありがとうございました！ そこで学んだも...
新井 慎之介
.png)
.png)