記事

UI/UX

色覚対応について

色覚対応について

色覚対応についてを、色覚の違いによる見え方の例を交えて書いてみました。

色探ししませんか?

色探ししませんか?

配色する時の参考になるサイトを紹介します。

iOSのダークモードとアクセシビリティ機能を比較

iOSのダークモードとアクセシビリティ機能を比較

iOSがダークモード対応されたので、iOSのアクセシビリティ機能で暗くした場合と何が違うのか見てみました。

ユーザーに適した解像度に対応したアプリを作成する

ユーザーに適した解像度に対応したアプリを作成する

アプリをデザイン・開発をする場合の解像度について紹介しています。

カラーコントラストを意識する

カラーコントラストを意識する

ユニバーサルデザインの要素であるカラーコントラストについて解説します。

iOS14 メニュー表示の変更

iOS14 メニュー表示の変更

iOS14でメニューの表示方法が変わりました。

画面を構成するコンポーネントを把握する [Android編]

画面を構成するコンポーネントを把握する [Android編]

Androidで使用されているコンポーネントについて、一部紹介します。

画面を構成するコンポーネントを把握する [iOS編]

画面を構成するコンポーネントを把握する [iOS編]

iOSで使用されているコンポーネントについて、一部紹介します。

"学参フォント" を知っていますか?

"学参フォント" を知っていますか?

意外と知らない、でも日本人にはとても大事な特殊なフォントをご紹介します。

システムフォントついて

システムフォントついて

各OSの代表的な「システムフォント」について紹介していこうと思います。

Androidのプログレスインジケーター

Androidのプログレスインジケーター

Androidの画面に配置するプログレスインジケーターについて記載しています。

プレースホルダーとラベル

プレースホルダーとラベル

スマホUIにおけるプレースホルダーの今を見てみましょう。

「iOS15」で何が変わるのか

「iOS15」で何が変わるのか

2021年秋にリリース予定の「iOS15」ついて、何が変わるのかや気になった機能をピックアップしてみました。

Android 「Material.io」カラーシステム(2)

Android 「Material.io」カラーシステム(2)

備忘録:スマートフォンアプリの色作成

ツール

Sketchからの画像パーツ出力を検証する

Sketchからの画像パーツ出力を検証する

SketchとPhotoshopでビットマップ書き出しした画像パーツを比較してみました。

Illustratorの合成フォント

Illustratorの合成フォント

Illustratorの合成フォント、使いこなせば便利ですが、ちょっとややこしい印象ですよね。

Photoshopおすすめ自動処理3つ

Photoshopおすすめ自動処理3つ

標準機能だけでできる、便利な自動処理を紹介します。

IllustratorでUIデザインをする時に行う基本的な設定7つ

IllustratorでUIデザインをする時に行う基本的な設定7つ

主にピクセルベースでUIデザインをする時に便利な設定を紹介しています。

スマートスピーカーのアプリ開発方法

スマートスピーカーのアプリ開発方法

Amazon Echo・Google Home・LINE Clova Waveのアプリ開発について調べてみました。

クロスプラットフォーム開発環境「Xamarin」について

クロスプラットフォーム開発環境「Xamarin」について

AndroidとiOS、両方のアプリを開発することが可能な開発環境です!

画像パーツ出力を検証する

画像パーツ出力を検証する

Adobe XD、Photoshop、Illustrator、Sketchの不透明度とグラデーションについて、検証してみました。

[Illustrator] 別ファイルにレイヤー構造を維持してコピーする方法

[Illustrator] 別ファイルにレイヤー構造を維持してコピーする方法

Illustratorで使える、別ファイルにレイヤー構造を維持してコピーする方法を紹介します。

[illustrator]パペットワープを使ったイラスト調整テクニック

[illustrator]パペットワープを使ったイラスト調整テクニック

illustratorで使える、イラストの調整テクニックを紹介します。

AndroidのAdaptive Icon作成方法

AndroidのAdaptive Icon作成方法

IllustratorとAndroid Studioを用いたAdaptive Icon作成方法を紹介します。

トレンド

デザインのトレンド

デザインのトレンド

デザインのトレンドをまとめた動画などを紹介しています。

HTML, CSS

「custom properties」でキレイなCSS

「custom properties」でキレイなCSS

CSSでの変数「custom properties」でキレイなCSSを書きましょう!

Android

Android 「Material.io」カラーシステム(1)

Android 「Material.io」カラーシステム(1)

備忘録:AndroidOSの色管理基礎