Figmaの新機能を体験｜機能の特徴とメリット
- デザイン
- #デザイン
- #Figma
はじめに 先日、開催されたConfig2023でFigmaの新機能が発表されました！今回はその中の一部新機能を試してみたのでその機能の紹介をしたいと思います。 今回取り上げる機能は以下の4つになります。 オートレイアウト フォントピッカー Variables 開発モード デザイナーとして今すぐ実践で活用できそう機能から優先的に...
新井 慎之介
-
-
『見えにくい、読みにくい「困った！」を解決するデザイン』を読んだ感想と気づき
- デザイン
- #デザイン
- #アクセシビリティ
経緯・背景 間嶋 沙知さんが書かれた『見えにくい、読みにくい「困った！」を解決するデザイン』を読みました。この本は先輩におすすめしていただいたものでちょうど、ユーザビリティやアクセシビリティに興味を持ち始めていて、どこから勉強しようか考えていたのでこの機会に読んでみようと思いました。アクセシビリテ...
新井 慎之介 -
管理画面のデザインで気をつけるべき点
- デザイン
- #ユーザビリティ
はじめに 今回は株式会社ベイジ様のKnowledge / baigieの「管理画面のUIデザインにおける20の改善ポイント」の記事を読ませていただきました。管理画面のUIデザインで気をつけている点やユーザビリティ・アクセシビリティを考慮した考え方などとても参考になりました。自身のUIデザインの制作で参考になる部分を抽出し、...
新井 慎之介 -
グリットレイアウトの基本と活用方法
- デザイン
- #Webデザイン
はじめに Webデザインにおいて、どんな画面サイズでも美しく表示させるための手法として、グリットレイアウトが注目されています。この記事では、グリットレイアウトの基本的な要素について解説します。フィールド要素やカラム、ガター、サイド・マージンなど、Webサイトのデザインを構成する重要な要素についても詳しく...
新井 慎之介 -
ユーザビリティ10原則をWebデザインに活かす方法
- デザイン
- #デザイン
- #ユーザビリティ
はじめに 今回はユーザビリティの基本として、ユーザビリティの10原則について紹介していきたいと思います。近年のWebサイトはレスポンシブデザインの誕生もあり、使いやすいや見やすいサイトが良いと言われるようになりました。ユーザビリティ有名な原則としてユーザビリティの10原則というものがあります。この原則がW...
新井 慎之介 -
余白設計について:基本的な考え方
- デザイン
- #デザイン
はじめに 今回はWebサイトを作成する上での余白で必要な知識や実際の案件で活用できる余白のノウハウについてまとめました。余白設計については色々な方法がありますが、今回は一般的によいとされている規則や内容について説明させてもらいます。 余白の役割を確認しよう はじめに、Webデザインを作る上で余白設計がとて...
新井 慎之介 -
カラーデザインの基礎知識：色相環から配色理論まで
- デザイン
- #配色
- #カラー
色の基礎知識を覚えておこう 色相環について理解しよう 色相環は、色相（Hue）を円形に配置した図形で、色相を直感的に理解するためのツールとして広く用いられています。 色は光の波長によって変わり、赤、オレンジ、黄色、緑、青、紫と言うように連続的に変化して知覚されます。これらを連続的に円環状にしたものを色...
新井 慎之介 -
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サーバーから取...
新井 慎之介
