おとしょいてぃぶ

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

おとしょいてぃぶ

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

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

大学の友人に協力してもらい、作詞作曲した楽曲のミュージックビデオを作成しました。 少しでもたくさんの方に聴いて頂けると嬉しいです。 こちらのフルバージョンは鋭意制作中です。 今後はメイキング秘話なども投稿していきたいなと思っております。 令和もどうぞよろしくお願いいたします。 小野翔太郎 1st Single『Hey Say Good bye!』MV -short version- 《 2019年6月7日(金) Release! 》 🐤Twitter：https://twitter.com/shotaroototachi 📷Instagram：https://www.instagram.com/shotaro_ototachi/ 〈CD収録内容〉 1. Hey Say Good bye! 2.favorite number - - - - - - - - - - - - - - - - - - - - Words&Music:小野翔太郎 Movie shooting:青沼翔吾 岡田有祐 Video editing:青沼翔吾 Piano playing:小野翔太郎 Directed by 小野翔太郎 - - - - - - - - - - - - - - - - - - - - 青春に抱いた甘酸っぱい気持ちや、大人になるにつれて抱える葛藤…。 平成というひとつの時代の終わりを起点にして、それらを胸に抱いて進んで行く意志を綴った、アラサー世代の応援歌。 平成元年生まれ、令和元年に30歳を迎える小野翔太郎の1st Single。 🎤過去配信曲 『DESIGN』 https://linkco.re/s6G5tG3v?fbclid=IwAR08a_APxPqV1I4kChIuUzHuS01aBw0Xz2QaODAau91jN_7SUFDp4O8rYWQ

おとしょいてぃぶ

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

      こんにちは（おはようございます。こんばんは）。株式会社キュービックのUIデザイナー、小野翔太郎です。個人で使ってる乱文noteを、会社の公式noteに紐付けてくれる寛大さが魅力の会社です（以上、会社紹介でした）。 このたびは、僕が所属するXDC（エクスペリエンスデザインセンター）という部署のあれこれをnoteで発信する第一弾の記事の執筆を任されました。 第一弾というからにはさぞかし有益で壮大なテーマになるだろう、という期待をよそに、担当している案件の話でも、お願いされたか

      おとしょいてぃぶ

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

        おはようございます！こんにちは！こんばんは！ 2013年からデザイナーとして働きはじめて10年目、現在3社目のCUEBiCにて、UIデザイナーとして奮闘している小野翔太郎（@shotaroototachi）です。 初っ端から個人的宣伝をブッ込みますが、趣味で音楽活動をしており、CDもリリースしていたりするので、ご視聴頂けると嬉しいです。 DesignShip2022に登壇！さて本題ですが、2022年11月12日（土）、DesignShipにスポンサー枠として登壇させて頂き

        おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第77回目は「neone creation」さんです。 香水作ってみたいなぁ。 そして、第77回まで投稿してきたこのDDWですが、 企画見直しのために一旦終了します。 トリプルセブン（777回）とはいかなかったものの、 ダブルセブン（77回）まで来たので良しとします笑。 読んで下さった方ありがとうございました。 香りが広がるデザイン容器と背景が一体化したビジュアルで、画力もあり、メッセージ性も強く感じられるアイデアで素

          おとしょいてぃぶ
        • 固定された記事

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

        おとしょいてぃぶ

          DDW#76 【手触り感】

          Daily Design Watch、略してDDW。 第76回目は「おうちフェスタ とうほく」さんです。 東北あまり行ったことないなぁ。 チラシを見てるみたい！（触ったらお分かり頂けますが）画面幅にとらわれない、広がりを感じるデザイン、実装です！ クリックしたままドラックするとぐんぐん動きます。

          おとしょいてぃぶ

          DDW#76 【手触り感】

          おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第75回目は「デサント オルテライン」さんです。 ECサイト作りたいなぁ。 リストの見せ方が斬新TOPページに商品の一覧が表示されていますが、サイズの違う正方形のサムネイルが横にゼロマージンで並んでいるデザインです。見たことない表現です。 そして実際にサイトに訪れて見てみてほしいんですが、スクロールすると画像に一瞬ゆらぎが生じるような挙動が施されていて面白いです。 商品詳細も面白いパーツあり！商品詳細ページで一番目に

          おとしょいてぃぶ

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

          おとしょいてぃぶ

          DDW#74 【風景も素材に】

          Daily Design Watch、略してDDW。 第74回目は「SOL」さんです。 そろそろ髪を切りにいかねば。 美しい写真ペライチのHPの中に、美しい写真がたくさん載っていて気持ち良いです。 MVは自動で切り替わり、3カットあります。 お店のキーカラーはオレンジでしょうか。ところどころアクセントになっていて、サイトの世界観を作り上げています。 風景も一緒に以下はページ中腹の写真で、右の鏡には外の自然が写り込んでいます。 ロケーションも一緒にデザインされていて感動し

          おとしょいてぃぶ

          DDW#74 【風景も素材に】

          おとしょいてぃぶ

          DDW#73 【導線色々】

          Daily Design Watch、略してDDW。 第73回目は「由縁別邸 代田」さんです。 ここ行ってみたいんだよなぁ。 ヘッダーにたくさんの機能今回はSPサイトに着目した投稿です。 TOPページのFVは以下ですが、 左上のハンバーガーを押下すると、以下が出現します。 この施設を含む、系列の施設を並列で表示したリストが表示されます。 ハンバーガー横の「UDS」という英字を押下すると、以下が出現します。 本施設を含む、様々なホテルを統括する運営会社？でしょうか、

          おとしょいてぃぶ

          DDW#73 【導線色々】

          おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第72回目は「こどもの丘 ナーサリー」さんです。 下北におしゃれな保育園あってびっくりしたなぁ。 優しさあふれるグラフィック！ナビゲーションや各所に散りばめられている柔らかなタッチのイラスト、色合い、フォント、写真などなどすべてが、業種にマッチした優しいテイストになっていて素敵。 MVの写真もカラフルになるようなカットになっている。 SNSの訴求が上部に来ているのも時代だなぁと感じます。 「本を持っている手」になっ

          おとしょいてぃぶ

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

          おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第71回目は「株式会社ASM」さんです。 ビジュアルも動きも手が込んでいます。 ワクワクさせるローディングTOPページでは、初回訪問時にダイナミックでオリジナリティあるアニメーションが施されています。 ハニカム構造を彷彿とさせる破片が、日本、世界の大陸の形状になり、コピーと合わさって壮大なスケールを感じられるはじまりになっています。 オリジナルのビジュアルでリッチにとりわけ目立つのが、繊細で独特なタッチのイラストレー

          おとしょいてぃぶ

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

          おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第70回目は「紬かけつぎ店」さんです。 縫い物めっちゃ苦手だなぁ。 商材とリンクするあしらいは説得力があるFVは糸が通るようなアニメーションがあり、 め コピーとメッセージが左右に配置されるレイアウトに変わります。 衣服関連のサービスなので、この「糸」というあしらいがとても商材にあっていて、より意味を感じます。 味のあるイラストFVだけではなく、所々にやさしいタッチのイラストが配置されており、このサイトの世界観を

          おとしょいてぃぶ

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

          おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第69回目は「ゴチソイ」さんです。 一時期豆乳めっちゃ飲んでたなぁ。 クールでいて可愛らしさもある灰色ベースだけど、英字のフォントのポップさとか、アクセントで白や茶色があることで可愛らしい印象になる。グレーって万能だと再確認させられます。 hoverは背景色が変わり、大胆に形状も変化します。 ロゴの◯と□とリンクした挙動でより意味を感じます。 トップへ戻るの表現も個性的です。 写真の切り抜きが非常に多く使用されてい

          おとしょいてぃぶ

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

          おとしょいてぃぶ

          DDW#68 【雰囲気色々】

          Daily Design Watch、略してDDW。 第68回目は「そうめん そそそ」さんです。 行きたいと思って行けてないお店です。 TOPページ2カラムの大胆なビジュアルエリアが印象的です。 最初は商品の上からの写真が映し出され、自動で以下のように写真が切り替わります。 商品が生まれるまでの物語を感じされるシーンが映し出される素敵な演出だと感じました。 ナビゲーションが右端に縦レイアウトで設置されており、「そそそ」のロゴの画角にマッチした表現になっていて、どこか

          おとしょいてぃぶ

          DDW#68 【雰囲気色々】

          おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第67回目は「まいばすけっと」さんです。 近所に数件あります。すごい店舗数です。 こだわりのアニメーションイラスト！ 手描きテイストのゆるいイラストが、親しみを演出していて味があります。電車や車、人が動くアニメーションも施されていて芸が細かいです。 更にイラストをよく見ると、家やビル、線路や病院、公園やお店など、色々な建物や場所が表現されていて、 まいばすけっとはどこにでもある感 を演出しているように思いました。すご

          おとしょいてぃぶ

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

          おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第66回目は「EDITIONS」さんです。 素敵な器で美味しいものを食べたいです。 質感のある彩色が美しい コンセプトワードを伝えつつ、左下の矩形と矢印で下部コンテンツに視線誘導しています。また、右下の数字でMVが切り替わることを示しています。 VFにもありますが、質感のあるブルー、グリーンのグラデーションが美しいです。 そして以下のように、製品の写真の影にも同じくグラデーションが施されているところが素敵です。 ハ

          おとしょいてぃぶ

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

          おとしょいてぃぶ

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

          Daily Design Watch、略してDDW。 第65回目は「Standards」さんです。 何のサイトかわかりませんが気になります。 ロゴとしてダンロードできたり 書籍への導線があったり 文字を入力できたり 触っているところが揺れたり動いたり縮小したり なにかのブランドアイデンティティのサイトのようですが、それらを楽しく閲覧、利用できるようになっていて、とてもインタラクティブで興味深いです。

          おとしょいてぃぶ

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

          おとしょいてぃぶ