Momoka Saito

Forte Inc. | UI/UX Designer | デザイン修行僧 | 読んだ…

Momoka Saito

Forte Inc. | UI/UX Designer | デザイン修行僧 | 読んだ本のまとめや学んだこと、たまに日常について書いていきます✨

Git初心者がGitとGitHubを勉強してみた

ももやんです。今回はいちばんやさしいGit&GitHubの教本という本について簡単にまとめます🐻‍❄️​ https://www.amazon.co.jp/いちばんやさしいGit-GitHubの教本-人気講師が教えるバージョン管理-共有入門-「いちばんやさしい教本」シリーズ/dp/429500524X GitとGitHubとはGitとは バージョン管理システムのこと。ファイルの変更をバージョンとして記録し、記録した地点へいつでも戻れる仕組みを提供しています。作業者が複数

Momoka Saito

    • コーディング初心者デザイナーが“HTML5/CSS3モダンコーディング”で勉強してみた

      ももやんです。今回はHTML5/CSS3モダンコーディングという本について簡単にまとめます🐻‍❄️​ この本では各要素の詳しい説明は省かれているので、何もわかりません！という初心者の方は別の本やサイトで勉強してから読んでみるのが良さそうです😊（私はHTMLうろ覚えだったので調べつつ読み進めました） コーディングする上でのポイント要素名にスタイルを指定しない 要素名にスタイルを使用すると、変更があった際にHTMLとCSSの両方を変更することになります😔しかし要素名ではなく、

      Momoka Saito

      • Webサービスの設計について学ぶ〜Webを支える技術〜

        ももやんです。今回はWebを支える技術という本について簡単にまとめます🐻‍❄️​ さまざまなWebの用途Webの用途はたくさんありますが、3つに分けて紹介します。 Webサイト 最も身近な例ですね！Amazonなどの通販サイトやSNS、Wiki、動画投稿など、さまざまなWebサイトがありますよね。 ユーザーインタフェースとしてのWeb Web技術はユーザーインタフェースの分野でも使われています。ルータやテレビ、プリンタなど、ネットワークに接続するデバイスの設定画面な

        Momoka Saito

        • １年目デザイナーが「誰のためのデザイン？」を読んでみた

          ももやんです。今回は誰のためのデザインという本について簡単にまとめます🐻‍❄️​ 📕誰のためのデザインについてこの本テーマ どんなデザインが良いもの、悪いものなのか、また悪いデザインはどういうふうにして良いデザインにしていくかをたくさんの例とともに紹介している本。 🌟インタラクションの基本原則デザインをするときには、発見可能性を意識することが大事です。 📝発見可能性 それが何をするもので、どう動き、どんな操作が可能なのかを発見すること 発見可能性を得られる要素は以下の

          Momoka Saito

        Git初心者がGitとGitHubを勉強してみた

        Momoka Saito

        • コーディング初心者デザイナーが“HTML5/CSS3モダンコーディング”で勉強してみた

          Momoka Saito

        • Webサービスの設計について学ぶ〜Webを支える技術〜

          Momoka Saito

        • １年目デザイナーが「誰のためのデザイン？」を読んでみた

          Momoka Saito

          デザイナーなら必ず読んでおきたい！デザインリサーチの教科書

          ももやんです。今回はデザインリサーチの教科書という本について簡単にまとめます🐻‍❄️​面白いと思った冒頭部分を重点的に紹介するので、詳しいデザインリーチの手順はぜひ本を読んでみてください🙏 📕デザインリサーチの教科書についてこの本テーマ デザインの歴史からデザインリサーチのHow To を事細かに紹介している本。 🌟プロダクトデザインの領域の変化 （https://www.sony.com/ja/SonyInfo/design/news/event/20210510/）

          Momoka Saito

          デザイナーなら必ず読んでおきたい！デザインリサーチの教科書

          Momoka Saito

          ハード×ソフト×ネット時代の新しい設計論をまとめてみた

          ももやんです。今回は融けるデザインという本について簡単にまとめます🐻‍❄️ 📕融けるデザインについてこの本のテーマ デザイナーとエンジニアに向けて、ハード・ソフト・インターネットが融けあう時代の、新しいインターフェースデザインの発想の手がかりをまとめた本 🌟パソコンが一般化した理由パソコンはもともとアメリカ空軍や研修者たちが研究内容を共有するために開発されました。では、どのようにパソコンが一般化していったのでしょうか🤔それはグラフィカルなユーザーインターフェース、GUIを

          Momoka Saito

          ハード×ソフト×ネット時代の新しい設計論をまとめてみた

          Momoka Saito

          義務教育で教えて欲しかった、、！UXデザインのあれこれ

          ももやんです。今回はUXデザインの教科書という本について簡単にまとめます🐻‍❄️​ 📕UXデザインの教科書についてこの本のテーマ UXデザインの基礎知識やUXデザインをする上で使える手法を紹介している本。 🌟UXデザインとはユーザーが嬉しいと感じる体験になるように、製品やサービスを企画の段階から理想のユーザー体験を目標にしてデザインしていく取り組みとその方法のことです。 🌟UX白書の期間モデルユーザーと製品やサービスの関わりの期間によって、UXは大きく変化します。ユーザ

          Momoka Saito

          義務教育で教えて欲しかった、、！UXデザインのあれこれ

          Momoka Saito

          今からでも遅くない！Web技術の基本

          ももやんです。今回はWeb技術の基本という本について簡単にまとめます🐻‍❄️サーバーなどについても詳しく書かれていますが、基本中の基本の部分をまとめていきます！ 📕web技術の基本についてこの本のテーマ Webの全体像やセキュリティ、システム構築・運用などをイラストとともに解説している本。 🌟インターネットとWeb インターネットとは PCやスマホなどを世界規模で繋ぐ情報網のこと。 Webとは インターネットを用いて文書データで表した文章や画像、動画、音楽などの情報を

          Momoka Saito

          今からでも遅くない！Web技術の基本

          Momoka Saito

          OOUIってなんなのさ！オブジェクト指向UIデザインを読んでみた📕

          ももやんです。今回はオブジェクト指向UIデザインという本について簡単にまとめます🐻‍❄️ 📕オブジェクト指向UIデザインについて この本のテーマ オブジェクト指向UIデザインとは何か、どのように設計していくかのプロセスに加え、18個の実践問題を紹介しています。 🌟オブジェクト指向UIとタスク指向UIオブジェクト指向UIとは？ オブジェクトを手がかりに操作設計されたUIのこと。オブジェクト指向ユーザーインターフェースという言葉は1980年代にGUIが普及し始めたのと同時に誕

          Momoka Saito

          OOUIってなんなのさ！オブジェクト指向UIデザインを読んでみた📕

          Momoka Saito

          デザイン初心者でもわかる！Material Designのまとめ✨

          ももやんです。今回はGoogleのMaterial Design（マテリアルデザイン）について簡単にまとめます🐶 Material Designの大きなテーママテリアルデザインは、光の反射の仕方や影の出来かたなど、現実世界の法則を取り入れたガイドラインです。紙とインクをベースに考えられており、UI上には階層が存在しています。 🌟SurfacesUIを構成しているコンポーネントは「Surfaces」と呼ばれています。Surfacesは紙をベースに考えられています。そのため、

          Momoka Saito

          デザイン初心者でもわかる！Material Designのまとめ✨

          Momoka Saito

          大事なのは基礎！HIGを簡単にまとめてみた🍎

          ももやんです。今回はAppleのHIG（ヒューマンインタフェースガイドライン）について簡単にまとめます🐻‍❄️ 🌟iOSの３つの大きなテーマiOSのデザインにおける３つの大きなテーマがあります。以下の３つのテーマを意識してアプリをデザインしましょう🔥 ・Clarity（明瞭さ） 読みやすいテキスト、わかりやすいアイコン、控えめな装飾、余白、色、フォント、グラフィックを用いて、重要なコンテンツや機能を明確に表示する。 ・Deference（控えめ） ベゼルやグラデーション

          Momoka Saito

          大事なのは基礎！HIGを簡単にまとめてみた🍎

          Momoka Saito

          駆け出しデザイナーがざっくりUIの歴史をまとめてみた📝

          ももやんです。今回はUIの歴史について簡単にまとめます🐻 1945~1968年　バッチインタフェース タイプで穴を開けたパンチカードを読み込ませて命令を送るインタフェース。処理に数日かかることもあった、、😲これは知りませんでした！わざわざ穴開けて、読み込ませて処理に数日、、、便利な世の中に感謝しかないですね😭 1960〜1980年代　キャラクターユーザーインタフェース（CUI）またはコマンドラインインタフェース（CLI）テキストをタイピングして命令を実行させるインタフェー

          Momoka Saito

          駆け出しデザイナーがざっくりUIの歴史をまとめてみた📝

          Momoka Saito

          インタフェースデザインのお約束📕

          ももやんです。読書第4弾は「インタフェースデザインのお約束」です！ インタフェースデザインのお約束についてこの本のテーマ サービスのユーザビリティや性能向上のほか、顧客満足度を高めるUXをデザインをするための101のルールを紹介している。 🌟まだ先があることは省略記号を使用するAppleの例 ・プリント...をクリックすると設定画面が出てくる ・ 設定をしてプリントを押すとプリントが開始される 💡ポイント 「...」を使用することで、すぐに何かの動作が始まるのではなく

          Momoka Saito

          インタフェースデザインのお約束📕

          Momoka Saito

          インタフェースデザインの心理学📕

          ももやんです。読書第3弾は「インタフェースデザインの心理学」です！ インタフェースデザインの心理学について この本のテーマ 人間の行動原理に基づいたデザインを提唱している本。人はどう見るか、どう感じるのか、どのように決断するのかを100の指針と例と一緒に紹介しています。 🌟中心視野と周辺視野 中心視野とは 対象を詳細に見る時に使う領域のこと 周辺視野とは 視野のそれ以外の領域。見えてはいるが、直視していないもの 💡ポイント ・点滅するバナーなどは周辺視野に入るような

          Momoka Saito

          インタフェースデザインの心理学📕

          Momoka Saito

          UI GRAPHICS📕

          ももやんです。読書第2弾は「UI GRAPHICS」です！ UI GRAPHICSについて この本のテーマ 1. 直感的なデザイン 2. 最小のデザイン 3. 優しさ、心地よさを感じるデザイン 4. 楽しさを感じるデザイン 5. 動きのデザイン 6. オンボーディングのデザイン 7. デジタルとフィジカルの融合 この本ではそれぞれのテーマごとに良い事例を画像をメインに紹介しています。ここでは私が面白いなと思った「直感的なデザイン」「楽しさを感じるデザイン」「動きのデザイン

          Momoka Saito

          UI GRAPHICS📕

          Momoka Saito

          はじめてのUIデザイン📕

          ももやんです。読書感想文がこの世で一番嫌いだったのでまとめられるかな、、？と思いつつ書きます✏️第１弾は「はじめてのUIデザイン」です。 ◆この本でわかること・UIデザインの歴史 ・コンポーネントの種類と役割 ・情報設計 ・UIを作る前にやること などなど他にもたくさんありますが、ここではUIデザインの歴史を簡単に書きます。 ◆UIデザインの歴史2007年以前　フィーチャーフォンやPDAが主流 初めてPDAという単語を聞きました。「Personal Digital As

          Momoka Saito

          はじめてのUIデザイン📕

          Momoka Saito