takahiro kinoshita

ソフトウェアデザイナーであり音楽家/ Figma Community Advocate

takahiro kinoshita

ソフトウェアデザイナーであり音楽家/ Figma Community Advocate

マガジン

  • プロダクト統括部メンバーブログ

    • 42本

    プロダクト統括部のメンバーの日常や毎日の学びを紹介します

  • UI徒然日記

    UIのこと

記事一覧

グラデーションUI

はじめにここ数ヶ月はOpen AIのChatGPTでLLMを触り続けたり、AIのアプリを開発するためにコードを勉強したりとデザイナーとしてうまく離れた場所から生活をしていた気がし…

21

モバイルアプリUIアニメーション

私のプロジェクト「Makafushigi / 摩訶不思議 」のデザインコンセプトからモバイルアプリを作成している時に感じたこと。モバイルUIアプリのアニメーションや使い心地につ…

takahiro kinoshita
6か月前
16

トグルボタンとトグルスイッチ

UIコンポーネントの名称についてはM3とHIGでそれぞれ異なるという話を書きました。それぞれで概念が違うので呼び方が違うのは仕方ないですが、改めて名称が統一していない…

takahiro kinoshita
6か月前
6

プライマリカラーとセカンダリカラー

情報設計、ワイヤー画面作成し、表層を実際に作る前に必要なカラーを決めていくことになります。今回は先日実務での経験を経て、新たにカラー決めをしたので書いてみたいと…

takahiro kinoshita
6か月前
11

ドロップダウン改めプルダウン

UIに関わってくると、様々なコンポーネントに触れ合う機会が出てくるためそれぞれを私なりの解釈と考察を入れて深堀していきたいと思います。 ※あくまで私個人の考察であ…

takahiro kinoshita
6か月前
2

社内イベントを開催しました

すっかり夏が近づいているのか、ジメジメした気温が近づいているのを感じています。デザインチームでは、チームのメンバーが地方に行ってワーケーションをしていたようです…

takahiro kinoshita
10か月前
17

FigmaにOS Classic Mac System9を公開

初めに1999年のClassic Mac OS System9「Back to Classic Figma」をFIgmaコミュニティに公開しました。 デザインをしてる人やクラシックマックが好きな人、昔の構成を理解…

takahiro kinoshita
11か月前
13

パーソルプロセス&テクノロジー株式会社に転職しました

こんにちは、キノシタです。 今年の4月にパーソルプロセス&テクノロジー株式会社にUXデザイナーとして転職をし1ヶ月経ったので今の想いをnoteにしてみようと思います。 …

17

3年後のAIチャット網羅する

3年後のAIチャットを網羅するために始めてみよう少しずつですが、僕もAI画像を網羅できるように言語化し魔術師のように操れるようになりたいので始めてみました。 使い方…

8

ブランド考察 AOURE

この文章は僕が勝手に好きなブランドAOURE(アウール)をUX的レイヤーで事業展開を考察した内容になります。 AOUREとはAOUREは「MASH Style Lab Co.,Ltd」株式会社マッシ…

9

社内の打ち合わせ用にmiroを使ってみる

先日年末近くなり、僕が勤めている会社の打ち合わせ用にmiroを使用してみました。変わった発表をしたかったので stuidoさんのテーマなどを拝借してみました。miroの可能性…

15

緑内障を改善させる4つの方法

緑内障が発覚してから4年経ちました。まだ元気な僕です。当時は落ち込みましたが、今は目を見れていて可もなく不可もなくという感じでしょうか? 当時は恥ずかしながらめ…

8

Figmaでできる面白いアイデア

FigmaとMiroが大好きな僕ですが、Figmaでできる面白いアイデアを出している記事を見つけたので共有します。 面白い使い方していて、みんなFigmaが大好きなんだなと嬉しく…

10

デザインポテンシャルを上げる制作ツール

デザインを仕事にしてかれこれ10年以上経ちますが、近年で一番デザインに対して熱を持って日々過ごしているような気がします。 iPhoneが発売され、Web業界に興味を持った…

8

iPadと電磁波の関係性

不思議なことに1年前の動画を見直していました。 音楽と映像の関係性に興味がある僕にとって音楽は耳から鼓膜の振動を得て心臓を突き抜け、様々な感情やエモーショナルなも…

1

家を買ったので表札を頼んでみた

もっぱらスローライフを楽しみたいそんな気分です。 noteを始めたはずですが、すっかりさぼっていました。いや、サボってはいないです。そうなんです。人生をもっと楽しむ…

5
グラデーションUI

グラデーションUI


はじめにここ数ヶ月はOpen AIのChatGPTでLLMを触り続けたり、AIのアプリを開発するためにコードを勉強したりとデザイナーとしてうまく離れた場所から生活をしていた気がします。

(これはデザインと呼ばれるものから離れたという意味ではなく、デザインに関わる内容を知ったり別軸で情報を取得したりすることによって全体のデザインの流れを俯瞰して離れた場所から見ることができるという意味です。)

もっとみる
モバイルアプリUIアニメーション

モバイルアプリUIアニメーション

私のプロジェクト「Makafushigi / 摩訶不思議 」のデザインコンセプトからモバイルアプリを作成している時に感じたこと。モバイルUIアプリのアニメーションや使い心地については、実機プロトタイプで確認して作るのが最適だと実感した。業務ではソフトウェアのプロトタイプを作成しています。関わっているプロダクトでは、toB向けのサービスが多く、PCメインでのプロダクトとなるため、モバイルUIの概念が

もっとみる
トグルボタンとトグルスイッチ

トグルボタンとトグルスイッチ

UIコンポーネントの名称についてはM3とHIGでそれぞれ異なるという話を書きました。それぞれで概念が違うので呼び方が違うのは仕方ないですが、改めて名称が統一していないので困りますね。

改めて私の整理も含め、スマホやシステムUIでよく見かけるこのスイッチのUIの機能を書きたいと思います。前提として私はこれらをトグルボタンと呼んでいました。

M3ではスイッチと呼び、HIGではトグルとして呼びます。

もっとみる
プライマリカラーとセカンダリカラー

プライマリカラーとセカンダリカラー

情報設計、ワイヤー画面作成し、表層を実際に作る前に必要なカラーを決めていくことになります。今回は先日実務での経験を経て、新たにカラー決めをしたので書いてみたいと思います。

デザインの原則から表現するメタファーマテリアルデザインで表現されるメタファーとして、システムで守られる3つのデザイン原則があります。

Material Design is the Metaphor

Bold, graphi

もっとみる
ドロップダウン改めプルダウン

ドロップダウン改めプルダウン

UIに関わってくると、様々なコンポーネントに触れ合う機会が出てくるためそれぞれを私なりの解釈と考察を入れて深堀していきたいと思います。
※あくまで私個人の考察であるため、今後アップデート予定も含めてメモ代わりに書いていきます。

ドロップダウンとプルボタンの名称についてSaasのコンポーネントを作るときにも出てくるドロップダウン。いやプルダウン?プルボタン?プルアップ?何が違うの?調べていると色々

もっとみる

社内イベントを開催しました

すっかり夏が近づいているのか、ジメジメした気温が近づいているのを感じています。デザインチームでは、チームのメンバーが地方に行ってワーケーションをしていたようです。(楽しそう!)

普段リモートワークしているとプロジェクトメンバー数名で同じ場所に集まってやるのも良いですね。

という、私はPPT(パーソルプロセス&テクノロジー 以下省略)のデザインチームのしもしもと月1で開催される勉強会について進め

もっとみる
FigmaにOS Classic Mac System9を公開

FigmaにOS Classic Mac System9を公開

初めに1999年のClassic Mac OS System9「Back to Classic Figma」をFIgmaコミュニティに公開しました。

デザインをしてる人やクラシックマックが好きな人、昔の構成を理解したい人、デザインで遊びたい人にぜひ触って欲しいです。

Classic MacのOSが好き皆さんはClassic Macをご存知でしょうか?
Macといえば、スタイリッシュなデザインで

もっとみる
パーソルプロセス&テクノロジー株式会社に転職しました

パーソルプロセス&テクノロジー株式会社に転職しました

こんにちは、キノシタです。
今年の4月にパーソルプロセス&テクノロジー株式会社にUXデザイナーとして転職をし1ヶ月経ったので今の想いをnoteにしてみようと思います。

これまでWebデザインやディレクションの仕事に携わってきて長い期間が経ってきました。新しい会社で、UXデザイナーとして新たに仕事ができることに感謝でいっぱいです。今回実際に入社するまでの経緯をまとめてみようと思います。

パーソル

もっとみる
3年後のAIチャット網羅する

3年後のAIチャット網羅する

3年後のAIチャットを網羅するために始めてみよう少しずつですが、僕もAI画像を網羅できるように言語化し魔術師のように操れるようになりたいので始めてみました。

使い方は色んな方が記事としているので参考に。

使い方/imagine prompt:

の後ろに作成したい言語を入れてエンターを押すだけ。
,  などで言語をたくさん入れてみましょう。

まずはやってみようAnubis, ancient

もっとみる
ブランド考察 AOURE

ブランド考察 AOURE

この文章は僕が勝手に好きなブランドAOURE(アウール)をUX的レイヤーで事業展開を考察した内容になります。

AOUREとはAOUREは「MASH Style Lab Co.,Ltd」株式会社マッシュスタイルラボのブランドになります。ブランド一覧を見ていると、ジェラピケから始まりスマートなブランドが入っています。知名度の高くユーザーが幅広いのが伺えます。

AOUREのコンセプトワードローブに溶

もっとみる
社内の打ち合わせ用にmiroを使ってみる

社内の打ち合わせ用にmiroを使ってみる

先日年末近くなり、僕が勤めている会社の打ち合わせ用にmiroを使用してみました。変わった発表をしたかったので stuidoさんのテーマなどを拝借してみました。miroの可能性も含めて社内では浸透していないオンラインボードでのコミュニケーション。

結論弊社での反応はいまいちでした。理由も書いていきます。

新しいものに弱い・抵抗力がある

残念なことに新しいものには弱いようです。終わった後に聞いて

もっとみる
緑内障を改善させる4つの方法

緑内障を改善させる4つの方法

緑内障が発覚してから4年経ちました。まだ元気な僕です。当時は落ち込みましたが、今は目を見れていて可もなく不可もなくという感じでしょうか?

当時は恥ずかしながらめちゃくちゃ落ち込みました。当時の映像が残ってます。

まあ悲惨な顔してます。個人で活動をしているとこういう映像も役に立つというか、自分への改めて振り返るいい機会にもなります。

緑内障とは?気になる方は詳細はこちらから。

緑内障が改善し

もっとみる

Figmaでできる面白いアイデア

FigmaとMiroが大好きな僕ですが、Figmaでできる面白いアイデアを出している記事を見つけたので共有します。

面白い使い方していて、みんなFigmaが大好きなんだなと嬉しくなりました。本当にデザイナーやデザインにはコミュニケーションの重要性は大事なんだなと分かる良い記事です。

僕からはFigmaをエンターテイナーとして使用されているYoutubeチャンネルを見つけたのでご紹介致します。

もっとみる
デザインポテンシャルを上げる制作ツール

デザインポテンシャルを上げる制作ツール

デザインを仕事にしてかれこれ10年以上経ちますが、近年で一番デザインに対して熱を持って日々過ごしているような気がします。

iPhoneが発売され、Web業界に興味を持ったあの頃のような気持ちです。仕事を仕事と思わないこの気持ち。気持ちの持ちようでこんなに仕事が楽しくなるんだなと実感しています。

自分の中で理由は2つ明確になっています。

・デザインの明確性今年デザインに対しての変化がありました

もっとみる

iPadと電磁波の関係性

不思議なことに1年前の動画を見直していました。
音楽と映像の関係性に興味がある僕にとって音楽は耳から鼓膜の振動を得て心臓を突き抜け、様々な感情やエモーショナルなものである。
音楽とはある意味、開放的であり快楽の感じ方を与えてくれるUXデザイン的な体験を起こしてくれるツールではないでしょうか。

これはipadから発生する音とエレクロマグネティックこと電磁波の関わりについて記録した動画になる。実際に

もっとみる
家を買ったので表札を頼んでみた

家を買ったので表札を頼んでみた

もっぱらスローライフを楽しみたいそんな気分です。
noteを始めたはずですが、すっかりさぼっていました。いや、サボってはいないです。そうなんです。人生をもっと楽しむために色々準備をしていました。

38歳、人生で初めて家を購入しました。これは私にとっては最大の転機です。奥さんと住むための家を購入するために滋賀に引っ越ししました。1年以上も家探しなどをしていたのですが、今はようやくホッと胸を撫で下ろ

もっとみる