しのりん

人工知能ロボットSE ⇨人工知能QA⇨webデザイナー❥·･ ️https://www.…

しのりん

人工知能ロボットSE ⇨人工知能QA⇨webデザイナー❥·･ ️https://www.instagram.com/shino_webdesign_/

アプリUIトレース：PayPay編

PayPayアプリのUIトレースをしてみました。 バーコードを見せたり、QRコードを読み取るだけで簡単にお支払いができるスマホ決済アプリ。 気づいたこと、個人的に学びになったことをまとめていこうと思います。 PayPayアプリは、2018年10月5日にローンチされました、QRコード決済アプリです。アプリ内の電子マネー「PayPay残高」に銀行口座やクレジットカードからお金をチャージして、お店で支払いができます。 友人間での送金、わりかん機能なども提供しています。 まだ

しのりん

    • アプリUIトレース：ネイティブキャンプ編

      アプリのデザイン力を上げるために、アプリのUIトレースをして見ました。 以下を参考にまずはトップページをfigmaでトレースして見ます 🌴画面上の要素を配置画面上にある要素の配置をざっくりと計算する為に、要素を下のように四角などで並べていきます 🌴アイコンや色・フォントを整える アイコンを切りはりしました。 トレースが完了しました！ 🎉 ✏️ デザイン要素ごとのまとめトーレスしてみてわかったこと、私が感じた傾向を整理しておきます。 文字 ・日本語のHiragin

      しのりん

      • これ、なんて名前？ ホームページの各パーツ名称

        コーダーさんに説明をする時に、「ここ何だったっけ？」と、たまに考えてしまうことがあるしのりんです。 今回はそんな私の為に、備忘録としてこの記事を書きます。 ホームページを構成する各パーツの名称 ホームページを構成する各パーツの名称を説明していきます。 ヘッダー ヘッダーメニュー ヘッダー画像（トップ） ページタイトル メインコンテンツ（本文） サイドバー フッター ヘッダー ヘッダーとは、ホームページ上部に表示される名称です。 ヘッダーには「グローバ

        しのりん

        • UIビジュアル基礎TRY1 コンセプトを使ってリデザイン

          BONOのUIビジュアル基礎のUI改善のお題に挑戦してみましたので取り組んだことを備忘録的に残します。 デザイン動画共有サービスのプロフィールUIをリデザインをやってみました。 🌴BONOとは？YouTubeでデザインのを発信しているカイクンさんが運営しているUIとUXの学習のコミュニティです。 BONOのコミュニティリンクはこちらです。 🌴概要「UIビジュアル基礎TRY1」 動画共有サービスのワイヤーフレームをリデザインしました。 🌴【プロセス】UIビジュアル作り

          しのりん

        アプリUIトレース：PayPay編

        しのりん

          【 BONO】SpotifyのUl改善ケーススタディ

          音楽ストリーミングサービスSpotifyのUI改善のお題に挑戦してみました。 🌴BONOとは？YouTubeでデザインのを発信しているカイクンさんが運営しているUIとUXの学習のコミュニティです。 BONOのコミュニティリンクはこちらです。 【お題】 友達が聴いてる音楽がわかるUIをデザインしよう 「Spotifyのような音楽アプリで、友人が聴いてる音楽から新しい音を知れるUIをデザインしてください」 •既存のspotifyの仕組みは損なわない •β版として反応を見

          しのりん

          【 BONO】SpotifyのUl改善ケーススタディ

          しのりん

          【BONO】はじめてのUIデザイン

          こんにちは！ フリーランスWEBデザイナーしているしのりんです。 UIデザインの勉強を始めたため、 その学びと記録をこちらに残していきたいと思います！ BONOとは？ YouTubeでデザインのを発信しているカイクンさんが運営しているUIとUXの学習のコミュニティです。 BONOのコミュニティリンクはこちらです。 教材動画は以下です⏬ 📜はじめてのUIシリーズ ❶【プロが徹底解説】はじめてのUIデザイン#1 - 成長率10倍でUIデザインを始めるデザインチュー

          しのりん

          【BONO】はじめてのUIデザイン

          しのりん