おとしょいてぃぶ

🎨UIデザイナー & 🎤シンガーソングライター 🌴宮崎県日向市 - 👘京都(京…

おとしょいてぃぶ

🎨UIデザイナー & 🎤シンガーソングライター 🌴宮崎県日向市 - 👘京都(京都工芸繊維大学) - 🗼東京(博報堂アイ・スタジオ- GREE - CUEBiC) 😍バドミントン / 温泉 / 唐揚げ / 不言実行 💬デザインや音楽のことなど前向きに発信していきます!

記事一覧

固定された記事

『Hey Say Good bye!』ミュージックビデオ -short version-

大学の友人に協力してもらい、作詞作曲した楽曲のミュージックビデオを作成しました。 少しでもたくさんの方に聴いて頂けると嬉しいです。 こちらのフルバージョンは鋭意制…

色を選ぶためのセンスと戦える論理的な考え方、そして結局は愛が全てだという話を会社でしてみた

こんにちは(おはようございます。こんばんは)。株式会社キュービックのUIデザイナー、小野翔太郎です。個人で使ってる乱文noteを、会社の公式noteに紐付けてくれる寛大さ…

42

めんどくさい「資料作り」を楽しくするメソッド【デザイナー実践編】

おはようございます!こんにちは!こんばんは! 2013年からデザイナーとして働きはじめて10年目、現在3社目のCUEBiCにて、UIデザイナーとして奮闘している小野翔太郎(@sho…

(最終回)DDW#77 【香りを画で表現】

Daily Design Watch、略してDDW。 第77回目は「neone creation」さんです。 香水作ってみたいなぁ。 そして、第77回まで投稿してきたこのDDWですが、 企画見直しのために…

DDW#76 【手触り感】

Daily Design Watch、略してDDW。 第76回目は「おうちフェスタ とうほく」さんです。 東北あまり行ったことないなぁ。 チラシを見てるみたい!(触ったらお分かり頂けます…

DDW#75 【型にはまらないとは】

Daily Design Watch、略してDDW。 第75回目は「デサント オルテライン」さんです。 ECサイト作りたいなぁ。 リストの見せ方が斬新TOPページに商品の一覧が表示されていま…

DDW#74 【風景も素材に】

Daily Design Watch、略してDDW。 第74回目は「SOL」さんです。 そろそろ髪を切りにいかねば。 美しい写真ペライチのHPの中に、美しい写真がたくさん載っていて気持ち良い…

DDW#73 【導線色々】

Daily Design Watch、略してDDW。 第73回目は「由縁別邸 代田」さんです。 ここ行ってみたいんだよなぁ。 ヘッダーにたくさんの機能今回はSPサイトに着目した投稿です。 …

DDW#72 【優しさが詰まっている】

Daily Design Watch、略してDDW。 第72回目は「こどもの丘 ナーサリー」さんです。 下北におしゃれな保育園あってびっくりしたなぁ。 優しさあふれるグラフィック!ナビゲ…

DDW#71 【明確なリアクション】

Daily Design Watch、略してDDW。 第71回目は「株式会社ASM」さんです。 ビジュアルも動きも手が込んでいます。 ワクワクさせるローディングTOPページでは、初回訪問時に…

DDW#70 【より意味があるあしらい】

Daily Design Watch、略してDDW。 第70回目は「紬かけつぎ店」さんです。 縫い物めっちゃ苦手だなぁ。 商材とリンクするあしらいは説得力があるFVは糸が通るようなアニメ…

DDW#69 【PCとSPでFVが全く違う驚きと納得感】

Daily Design Watch、略してDDW。 第69回目は「ゴチソイ」さんです。 一時期豆乳めっちゃ飲んでたなぁ。 クールでいて可愛らしさもある灰色ベースだけど、英字のフォント…

DDW#68 【雰囲気色々】

Daily Design Watch、略してDDW。 第68回目は「そうめん そそそ」さんです。 行きたいと思って行けてないお店です。 TOPページ2カラムの大胆なビジュアルエリアが印象的で…

DDW#67 【親しみを感じるゆるいイラスト】

Daily Design Watch、略してDDW。 第67回目は「まいばすけっと」さんです。 近所に数件あります。すごい店舗数です。 こだわりのアニメーションイラスト! 手描きテイス…

DDW#66 【サムネ一つでスタイリッシュに】

Daily Design Watch、略してDDW。 第66回目は「EDITIONS」さんです。 素敵な器で美味しいものを食べたいです。 質感のある彩色が美しい コンセプトワードを伝えつつ、左…

DDW#65 【不思議と惹かれる】

Daily Design Watch、略してDDW。 第65回目は「Standards」さんです。 何のサイトかわかりませんが気になります。 ロゴとしてダンロードできたり 書籍への導線があったり…

色を選ぶためのセンスと戦える論理的な考え方、そして結局は愛が全てだという話を会社でしてみた

色を選ぶためのセンスと戦える論理的な考え方、そして結局は愛が全てだという話を会社でしてみた

こんにちは(おはようございます。こんばんは)。株式会社キュービックのUIデザイナー、小野翔太郎です。個人で使ってる乱文noteを、会社の公式noteに紐付けてくれる寛大さが魅力の会社です(以上、会社紹介でした)。

このたびは、僕が所属するXDC(エクスペリエンスデザインセンター)という部署のあれこれをnoteで発信する第一弾の記事の執筆を任されました。

第一弾というからにはさぞかし有益で壮大な

もっとみる
めんどくさい「資料作り」を楽しくするメソッド【デザイナー実践編】

めんどくさい「資料作り」を楽しくするメソッド【デザイナー実践編】

おはようございます!こんにちは!こんばんは!
2013年からデザイナーとして働きはじめて10年目、現在3社目のCUEBiCにて、UIデザイナーとして奮闘している小野翔太郎(@shotaroototachi)です。

初っ端から個人的宣伝をブッ込みますが、趣味で音楽活動をしており、CDもリリースしていたりするので、ご視聴頂けると嬉しいです。

DesignShip2022に登壇!さて本題ですが、20

もっとみる
(最終回)DDW#77 【香りを画で表現】

(最終回)DDW#77 【香りを画で表現】

Daily Design Watch、略してDDW。
第77回目は「neone creation」さんです。
香水作ってみたいなぁ。

そして、第77回まで投稿してきたこのDDWですが、
企画見直しのために一旦終了します。
トリプルセブン(777回)とはいかなかったものの、
ダブルセブン(77回)まで来たので良しとします笑。
読んで下さった方ありがとうございました。

香りが広がるデザイン容器と背

もっとみる
DDW#76 【手触り感】

DDW#76 【手触り感】

Daily Design Watch、略してDDW。
第76回目は「おうちフェスタ とうほく」さんです。
東北あまり行ったことないなぁ。

チラシを見てるみたい!(触ったらお分かり頂けますが)画面幅にとらわれない、広がりを感じるデザイン、実装です!

クリックしたままドラックするとぐんぐん動きます。

DDW#75 【型にはまらないとは】

DDW#75 【型にはまらないとは】

Daily Design Watch、略してDDW。
第75回目は「デサント オルテライン」さんです。
ECサイト作りたいなぁ。

リストの見せ方が斬新TOPページに商品の一覧が表示されていますが、サイズの違う正方形のサムネイルが横にゼロマージンで並んでいるデザインです。見たことない表現です。

そして実際にサイトに訪れて見てみてほしいんですが、スクロールすると画像に一瞬ゆらぎが生じるような挙動が

もっとみる
DDW#74 【風景も素材に】

DDW#74 【風景も素材に】

Daily Design Watch、略してDDW。
第74回目は「SOL」さんです。
そろそろ髪を切りにいかねば。

美しい写真ペライチのHPの中に、美しい写真がたくさん載っていて気持ち良いです。

MVは自動で切り替わり、3カットあります。
お店のキーカラーはオレンジでしょうか。ところどころアクセントになっていて、サイトの世界観を作り上げています。

風景も一緒に以下はページ中腹の写真で、右の

もっとみる
DDW#73 【導線色々】

DDW#73 【導線色々】

Daily Design Watch、略してDDW。
第73回目は「由縁別邸 代田」さんです。
ここ行ってみたいんだよなぁ。

ヘッダーにたくさんの機能今回はSPサイトに着目した投稿です。

TOPページのFVは以下ですが、

左上のハンバーガーを押下すると、以下が出現します。

この施設を含む、系列の施設を並列で表示したリストが表示されます。

ハンバーガー横の「UDS」という英字を押下すると、

もっとみる
DDW#72 【優しさが詰まっている】

DDW#72 【優しさが詰まっている】

Daily Design Watch、略してDDW。
第72回目は「こどもの丘 ナーサリー」さんです。
下北におしゃれな保育園あってびっくりしたなぁ。

優しさあふれるグラフィック!ナビゲーションや各所に散りばめられている柔らかなタッチのイラスト、色合い、フォント、写真などなどすべてが、業種にマッチした優しいテイストになっていて素敵。

MVの写真もカラフルになるようなカットになっている。

SN

もっとみる
DDW#71 【明確なリアクション】

DDW#71 【明確なリアクション】

Daily Design Watch、略してDDW。
第71回目は「株式会社ASM」さんです。
ビジュアルも動きも手が込んでいます。

ワクワクさせるローディングTOPページでは、初回訪問時にダイナミックでオリジナリティあるアニメーションが施されています。

ハニカム構造を彷彿とさせる破片が、日本、世界の大陸の形状になり、コピーと合わさって壮大なスケールを感じられるはじまりになっています。

オリ

もっとみる
DDW#70 【より意味があるあしらい】

DDW#70 【より意味があるあしらい】

Daily Design Watch、略してDDW。
第70回目は「紬かけつぎ店」さんです。
縫い物めっちゃ苦手だなぁ。

商材とリンクするあしらいは説得力があるFVは糸が通るようなアニメーションがあり、



コピーとメッセージが左右に配置されるレイアウトに変わります。

衣服関連のサービスなので、この「糸」というあしらいがとても商材にあっていて、より意味を感じます。

味のあるイラストFVだ

もっとみる
DDW#69 【PCとSPでFVが全く違う驚きと納得感】

DDW#69 【PCとSPでFVが全く違う驚きと納得感】

Daily Design Watch、略してDDW。
第69回目は「ゴチソイ」さんです。
一時期豆乳めっちゃ飲んでたなぁ。

クールでいて可愛らしさもある灰色ベースだけど、英字のフォントのポップさとか、アクセントで白や茶色があることで可愛らしい印象になる。グレーって万能だと再確認させられます。

hoverは背景色が変わり、大胆に形状も変化します。
ロゴの◯と□とリンクした挙動でより意味を感じます

もっとみる
DDW#68 【雰囲気色々】

DDW#68 【雰囲気色々】

Daily Design Watch、略してDDW。
第68回目は「そうめん そそそ」さんです。
行きたいと思って行けてないお店です。

TOPページ2カラムの大胆なビジュアルエリアが印象的です。

最初は商品の上からの写真が映し出され、自動で以下のように写真が切り替わります。

商品が生まれるまでの物語を感じされるシーンが映し出される素敵な演出だと感じました。

ナビゲーションが右端に縦レイアウ

もっとみる
DDW#67 【親しみを感じるゆるいイラスト】

DDW#67 【親しみを感じるゆるいイラスト】

Daily Design Watch、略してDDW。
第67回目は「まいばすけっと」さんです。
近所に数件あります。すごい店舗数です。

こだわりのアニメーションイラスト!

手描きテイストのゆるいイラストが、親しみを演出していて味があります。電車や車、人が動くアニメーションも施されていて芸が細かいです。

更にイラストをよく見ると、家やビル、線路や病院、公園やお店など、色々な建物や場所が表現され

もっとみる
DDW#66 【サムネ一つでスタイリッシュに】

DDW#66 【サムネ一つでスタイリッシュに】

Daily Design Watch、略してDDW。
第66回目は「EDITIONS」さんです。
素敵な器で美味しいものを食べたいです。

質感のある彩色が美しい

コンセプトワードを伝えつつ、左下の矩形と矢印で下部コンテンツに視線誘導しています。また、右下の数字でMVが切り替わることを示しています。

VFにもありますが、質感のあるブルー、グリーンのグラデーションが美しいです。
そして以下のよう

もっとみる
DDW#65 【不思議と惹かれる】

DDW#65 【不思議と惹かれる】

Daily Design Watch、略してDDW。
第65回目は「Standards」さんです。
何のサイトかわかりませんが気になります。

ロゴとしてダンロードできたり

書籍への導線があったり

文字を入力できたり

触っているところが揺れたり動いたり縮小したり

なにかのブランドアイデンティティのサイトのようですが、それらを楽しく閲覧、利用できるようになっていて、とてもインタラクティブで興

もっとみる