Arisa

UI/UXデザインなどサービスデザインを中心に勉強しています。 よろしくお願いします！

Arisa

UI/UXデザインなどサービスデザインを中心に勉強しています。 よろしくお願いします！

  • 制作記録

    今までやってきた制作の１つ１つでこだわったポイントや学んだこと書いていきたいと思います！

  • サイトレビュー

    引き出しを増やす！言語化力を上げる！ために始めた、サイトレビューのまとめです。

  • その他

    英単語イラスト化、学んだこと、自己紹介とか入れてます。

  • Daily UI

    Daily UIのまとめです。 まずは週3回を目標に頑張ります！

  • 私の読書感想

    本を読んだり、要約チャンネルを見て実践したいと思った3つのポイントを紹介しています。 文章書くのまだ練習中なので、暖かい目で見てくださると嬉しいです(*´꒳`*)

Figma新機能（Variable）でテキストとカラーを変更してみた

今日は最近Figma Configで発表された新機能。主に『変数とプロトタイプ機能』を使って、作ってみたので変数の活用方法を共有したいと思います！ 1.変数を設定Frameやレイヤーを選択していない状態で、右のプロパティパネルの「ローカルバリアブル」を押します。 そうすると右のようなモーダルが出てくるので、「バリアブルを作成」を押します。4つの属性の値を登録できます 今回「こんにちは」というテキストと変数をつなげるので、『hello』という名前で設定します。 また今回は色

Arisa

    • アプリ制作体験記【後回しを”仲間と”解決！】

      『実の所、自分が選んだことをやるための時間は大概作れる。足りないのは時間ではなく意思だ』ジョン・ラボック卿（イギリスの政治家） こんにちは、Arisaです！ 今回は前回続きで「後回しにしてしまう…」という課題を解決するために考えた3つ目のアプリについて書いていこうと思います (`･ω･´ゞ このアプリのプロトタイプやまとめたスライドはこちら↓ ランシルとは簡単にいうと、みんなで目標を宣言し会えるランキング形式のアプリです。 1人で継続できたことがない、しかし誰

      Arisa

      • アプリ制作 【後回しを”受け止めて”解決！】

        「愚か者が一番後回しにすることを、賢人は直ちに実行する。どちらもやることは同じ。違うのはタイミングだけ」by　バルタサン・グラシアン（17世紀スペインの哲学者） こんにちは、Arisaです！ 今回は前回続きで「後回しにしてしまう…」という課題を解決するために考えた2つ目のアプリについて書いていこうと思います (`･ω･´ゞ 前回の記事を読んでみたいという人はこちら↓ このアプリのプロトタイプやまとめたスライドはこちら↓ BESTメータとはタスクを達成することでメータ

        Arisa

        • アプリ制作 【後回しを”理想で”解決！】

          『一番重要な問いかけは「それによって自分がどう変わるのか？」である』　　by ジム・ローン（アメリカの起業家） こんにちは、Arisaです。 今回は前回続きで「後回しにしてしまう…」という課題を解決するために考えた1つのアプリについて書いていこうと思います (`･ω･´ゞ 前回の記事を読んでみたいという人はこちら↓ このアプリのプロトタイプやまとめたスライドはこちら↓ Ideal Selfとは理想やなりたい自分を意識しながら、ひたすらタスクを実行していくアプリです。

          Arisa

        Figma新機能（Variable）でテキストとカラーを変更してみた

        Arisa

        • アプリ制作体験記【後回しを”仲間と”解決！】

          Arisa

        • アプリ制作 【後回しを”受け止めて”解決！】

          Arisa

        • アプリ制作 【後回しを”理想で”解決！】

          Arisa

        マガジン

        • 制作記録
          5本
        • サイトレビュー
          28本
        • その他
          7本
        • Daily UI
          11本
        • 私の読書感想
          4本

        記事

          アプリ制作 【後回しを解決！プロセス編】

          『成功者と失敗者を分けるのは、たった一言だ。成功者はこの言葉を使わない。「時間がなかったんだ」』by フランクリン・フィールド（イギリスの政治家） こんにちは！Arisaです。 今回は私が高校2年から約6ヶ月、いろんなことと並行して作っていたサービスの体験記を振り返りながら書いていきたいと思います。 結構時間かけたものなので、「プロトタイプに至るまで」と「３つのアプリそれぞれこだわった点」の4本立てでいきたいと思います(* ˃ ᵕ ˂ )b アプリのプロトタイプやまと

          Arisa

          アプリ制作 【後回しを解決！プロセス編】

          Arisa

          アプリ制作　【気軽に繋がれる場所】

          「何かをやろうと思い立っても、あまりにぐずぐずしていると、大抵やらずに終わるものだ」by　エバ・ヤング（アメリカの医師） こんにちは、Arisaです。 今回はKIkkakeと言うサービスを考えた経緯やこだわったポイントなど書いていきたいと思います。 文章書くのは得意ではないですが、頑張ります(* ˃ ᵕ ˂ )b アプリの詳細は下のリンクで紹介しています。 このアイディアはどんな経緯で？まず制作の経緯をお話ししたいと思います。 これはマーケティングの授業課題の 「

          Arisa

          アプリ制作　【気軽に繋がれる場所】

          Arisa

          ベイシス株式会社　#1日1サイトレビュー

          ■サイト説明 携帯電話を中心とした通信インフラの構築や運用に関わる多くのプロジェクトを担ってきたベイシス。「ICTで世の中をもっと便利に」というミッションの実現に向けて、近年では5GやIoTなどの次世代ネットワークに関する領域にも事業を拡大しています。 ■印象やキーワード シンプル、スタイリッシュ、未来的 ■フォント Noto Sans JP （日本語・見出し・本文） axis_bolb（英語） ■カラー ■学んだこと・素敵だと思ったこと ・見出しの英字が144px

          Arisa

          ベイシス株式会社　#1日1サイトレビュー

          Arisa

          R&C株式会社　1日1サイトレビュー

          ■サイト説明 「法人様・個人様向けのサステイナブルソリューション」および、「お客様向けのコンサルティングサービス」を提供する総合保険代理店のR&C株式会社です。 ■印象やキーワード シンプル、スタイリッシュ、安心感 ■フォント ヒラギノ角ゴ pro （日本語・見出し・本文） やや広めのフトコロと、画線両端のアクセントにより、読みやすさと存在感を両立しています。 明るくつぶれにくく、多彩なウエイトバリエーションで、極小サイズから特大サイズの見出しまで、幅広く対応します

          Arisa

          R&C株式会社　1日1サイトレビュー

          Arisa

          root　#1日1サイトレビュー

          ■サイト説明 「芯を問い、成長に貢献する」 株式会社ルートは新規事業開発やスタートアップに特化したデザイン会社です。サービスデザイン、UIデザイン、UXデザイン、デザイン組織構築、プロトタイピング検証を得意としています。 ■印象やキーワード シンプル、上品、スタイリッシュ、スマート ■フォント A-OTF 見出ゴMB31 Pr6N （日本語・見出し）[Adobe Fonts] 伝統的で落ち着きのある見出し用ゴシック体です。始筆にアクセントをもったオーソドックスなデザイン

          Arisa

          root　#1日1サイトレビュー

          Arisa

          BottleBrew　#1日1サイトレビュー

          ■サイト説明 それは、私がつくったしょうゆ・・・。しょうゆは、買ってきて使うもの…。そんなふうに考えていませんでしたか？BottleBrew‐それは家で手作りするしょうゆ。手作りならではの風味や、しょうゆが出来上がっていく過程自体が楽しめたり。おうちでのしょうゆづくり、始めてみませんか？ ■印象やキーワード シンプル、上品、スタイリッシュ ■フォント 中ゴシックBBB （日本語・見出し）[モリサワフォント] 基本的な書体として長く愛されてきた伝統的なゴシック体です。オー

          Arisa

          BottleBrew　#1日1サイトレビュー

          Arisa

          おやつなおやさい　＃1日1サイトレビュー

          ■サイト説明 アレルギー7品目不使用、おやさいの甘みがおいしいマフィン 「SLOW MUFFIN」の紹介ショッピングサイト ■印象やキーワード おしゃれ、ナチュラル、自然、美味しそう〜 ■フォント Amiri （日本語・ちょっとおしゃれな感じ）[Google font] 本やその他のランニングテキストを植字するためのナスフスタイルの古典アラビア語書体です。 Helvetica Neue　（日本語・しっかり読ませる） サンセリフのローマ字書体です。簡素で落ち着い

          Arisa

          おやつなおやさい　＃1日1サイトレビュー

          Arisa

          Daily UI #011 Flashメッセージ | やってみました！

          今日は11回目のDailyUI をやったことを書きたいと思います。 メールでUIに関するお題が届く「Daily UI」 まずFlash Messageって何？何か処理を行なった時に、”正しく処理が行われましたよ”という情報を表示して正しく行われたかをユーザー側で確認できるようにする機能がflashメッセージになります。 例で言うと ・このnoteを投稿したときに出るポップアップみたいなカード ・Twitterで投稿した後に下の方に出る完了のメッセージ ・楽天で買い物カ

          Arisa

          Daily UI #011 Flashメッセージ | やってみました！

          Arisa

          株式会社グラスト　#1日1サイトレビュー

          ■サイト説明 私たちは、個人・企業・社会の成長を請け負う、プロフェッショナルです。 社員一人ひとりの成長を原動力に、求職者の皆様の成長をサポートし、そして、パートナー企業様の成長を設計・構築すること。 それが、私たちGRUSTの使命です。 ■印象やキーワード かっこいい、スマート、面白い、シンプル ■フォント NotoSans CJK jp （日本語） Google と Adobe が共同開発したフォント。Adobe 側は「源ノ角ゴシック」という名称で提供している。ウ

          Arisa

          株式会社グラスト　#1日1サイトレビュー

          Arisa

          アウル株式会社　#1日1サイトレビュー

          ■サイト説明 戦略立案、企画設計、クリエイティブまで一手に担う、 ”デジタルに強みを持った”エンゲージメント・イノベーターです。 長年のデジタルPR実績で培ったDXを、ライブ配信サポート・デジタルマーケティングにまで展開し、 コミュニケーション課題をフルサポートします。 ■印象やキーワード かっこいい、スマート、見やすい、楽しい感じ ■フォント Noto Sans JP （日本語） 世界中の言語をサポートすることを目標にGoogleがadobeと共同開発したフォントシリ

          Arisa

          アウル株式会社　#1日1サイトレビュー

          Arisa

          Daily UI #010 シェアボタン | やってみました！

          今日は10回目のDailyUI をやったことを書きたいと思います。 メールでUIに関するお題が届く「Daily UI」 何を作ったか今回のお題は「Social Share」でした。 昨日作った音楽アプリをすこし修正しまして、シェアボタンの画面を作りました。 【修正点】 ・次の曲に移動するボタンをなくしてスッキリさせて、スライドで変更できるようにしました。 ・共有するために、シェアボタンをつけました。 意識したこと・押しやすいように真ん中にポップアップの形で表示しました

          Arisa

          Daily UI #010 シェアボタン | やってみました！

          Arisa

          Daily UI #09 ミュージックプレイヤー | やってみました！

          今日は9回目のDailyUI をやったことを書きたいと思います。 メールでUIに関するお題が届く「Daily UI」 何を作ったか今回のお題は「Music Player」でした。 いくつかの曲の中からお気に入りの音楽を選んで、オリジナルのサウンドトラックを作る音楽アプリを作りました。 いくつか他の人のを見たり、現在ある音楽アプリを見ましたが、個性を出すのが難しいですね😅 意識したこと ・位置のバーを動かしやすいように、少し大きめにしてみました。 → こうすると微調整が難

          Arisa

          Daily UI #09 ミュージックプレイヤー | やってみました！

          Arisa