はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    2025年ランキング

『金 成奎|note』

  • 人気
  • 新着
  • すべて
  • ウェブデザイナー・UIデザイナーのための情報収集方法[2025年版最新リソースリスト]|金 成奎

    5 users

    note.com/seikei_kin

    わたくしのXですが、先日フォロワーが10,000人突破しまして。 https://twitter.com/seikei_kin いつもいいね・リポストしてくださる皆様、ありがとうございます! こんな一般デザイナーの弱小アカウントではありますが、「どうやって毎日情報を収集してるの?」とわりと聞かれるので、この機会に自分なりの方法やよく見るサイトなどをまとめておこうと思います。よろしければ参考ください。 ポータルサイトなどをチェックするまずはよく見るポータルサイト・ニュースサイト・メディアなどをまとめてみます。 海外メディア系今も昔もデザインの本場は英語圏ですので、一次ソースにあたるためにもまずは海外のニュースに敏感になっているとよいでしょう。 まずよく見るポータルサイトはこちら「Sidebar」「Web Designer News」。どちらも業界の各種レポート・プロダクトやサービス周りの大き

    • テクノロジー
    • 2025/04/24 10:45
    • webサービス
    • あとで読む
    • 『はじめよう! 要件定義』(とそのシリーズ)を読んで、はじめよう!UIデザイン|金 成奎

      451 users

      note.com/seikei_kin

      『はじめよう! 要件定義 ~ビギナーからベテランまで』はそのタイトル通り、ソフトウェア開発に携わるエンジニアやPM向けに、要件定義の進め方について優しく解説してくれる書籍です。かわいいイラストと平易な文章がとっつきやすく、するすると読めてしまいますが、要件定義って何をどうやったらいいの?とお悩みの方に対して、まずはこれだけやっておくべき基礎知識を得ることができる、とてもわかりやすい内容になっています。 そしてそして、ここからが本noteの主な趣旨ですが、この3部作はデザイナー目線で読み解くと、極めて明瞭で本質的で実践的な、ユーザー体験設計とUI設計の進め方について学べるデザイン教則本と言えるのです。 以下、その理由と、本シリーズを使ってUIデザインを進めていく方法を実例を踏まえて解説していきます。 要件定義とはUI・機能・データを決めることいきなり『はじめよう! 要件定義 』のキモ・コンセ

      • テクノロジー
      • 2023/11/06 15:11
      • ui
      • あとで読む
      • デザイン
      • 設計
      • design
      • ソフトウェア
      • 仕事
      • システム開発
      • 書籍
      • 要件定義
      • デザイナーのための『Every Layout』〜真に汎用的なレイアウト設計を目指して|金 成奎

        7 users

        note.com/seikei_kin

        最近読んだ本の中に、『Every Layout─モジュラーなレスポンシブデザインを実現するCSS設計論』という一冊があります。ウェブにおける汎用性や拡張性について、私自身が日頃から考えていたことが言語化されており大変感銘を受けましたので、今回本noteでは内容を紹介がてら私なりの考察を述べてみたいと思います。 本書はウェブサイト「Every Layout」の内容を日本語版として翻訳したもので、CSSについて書かれた技術書ですが、いわゆるセレクタの書き方やコンポーネントの分類について解説しているような一般的なCSS設計書ではありません。 ページを割いて主張されるのは、もう少し抽象的な、CSSが本来持つ柔軟性や汎用性といった性質についてであり、その性質を尊重・活用しながら、効率的に再帰的かつ堅牢なレイアウトを体現することを目指す具体的なメソッドです。 結果として本書はCSSの更なる習得を目指す

        • テクノロジー
        • 2022/03/14 13:28
        • デザインに活かせるフレームワーク20|金 成奎

          626 users

          note.com/seikei_kin

          久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 (ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください) 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience(ウェブ戦略としての「ユーザーエクスペリエンス」)』にて提唱

          • テクノロジー
          • 2021/07/27 11:01
          • ux
          • デザイン
          • あとで読む
          • 設計
          • design
          • フレームワーク
          • サービス
          • web制作
          • note
          • web
          • 6つの情緒性の軸を使ってウェブデザインのトーンを決定する方法を解説します|金 成奎

            6 users

            note.com/seikei_kin

            「言語イメージスケール」の問題点 いわゆる「トンマナ」と呼ばれる、ウェブサイトやアプリにおけるビジュアルデザインのトーン・方向性ですが、その決定方法には色々な方法があります。代表的なところでは「言語イメージスケール」の活用があげられるでしょう。 詳細な内容はこちら。 デザイナーならお世話になったことがある方も多いと思いますし、実際私も何度も活用させていただきました。このマトリックスを活用することで、イメージのすり合わせが可能になり、デザインの方向性について可視化・言語化できるようになります。 ......ただ、(この表を作られた方々に最大限のリスペクトを評した上での指摘ですが) 、ウェブデザインにおけるアートディレクションを行う上で、この表に対していくつかの問題点を感じるようになってきたのも事実です。具体的にはこの辺り。 1.ワードが多く、細かすぎる この言語イメージスケールには180の言

            • 学び
            • 2019/10/01 10:16
            • Design
            • [デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる!アートディレクション15の定番パターン|金 成奎

              123 users

              note.com/seikei_kin

              [デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる!アートディレクション15の定番パターン ウェブデザイナーが作った成果物に対して、満足はしていないのだけどうまく言語化できなくてどうやって指示したらいいか分からない、あるいはクライアントからのフィードバックをどう咀嚼して伝えていいか分からない、結果的にデザイナーを上手くディレクションできていない.......。そんなお悩みをもったウェブディレクターいませんか? ここでは実際のデザインを見た時に感じること・あるいはクライアントが指摘しがちなことについての「あるある」を、15の事例に集約してまとめてみました。デザイナーとコミュニケーションしてデザインをブラッシュアップする上での、ある種のアートディレクションの手引きとして活用してもらえればと思います。 1.「野暮ったい」と感じたら・言われたら。 「野暮ったい」とは

              • 学び
              • 2019/07/22 13:05
              • デザイン
              • ディレクション
              • webデザイン
              • あとで読む
              • direction
              • web制作
              • design

              このページはまだ
              ブックマークされていません

              このページを最初にブックマークしてみませんか?

              『金 成奎|note』の新着エントリーを見る

              キーボードショートカット一覧

              j次のブックマーク

              k前のブックマーク

              lあとで読む

              eコメント一覧を開く

              oページを開く

              はてなブックマーク

              • 総合
              • 一般
              • 世の中
              • 政治と経済
              • 暮らし
              • 学び
              • テクノロジー
              • エンタメ
              • アニメとゲーム
              • おもしろ
              • アプリ・拡張機能
              • 開発ブログ
              • ヘルプ
              • お問い合わせ
              • ガイドライン
              • 利用規約
              • プライバシーポリシー
              • 利用者情報の外部送信について
              • ガイドライン
              • 利用規約
              • プライバシーポリシー
              • 利用者情報の外部送信について

              公式Twitter

              • 公式アカウント
              • ホットエントリー

              はてなのサービス

              • はてなブログ
              • はてなブログPro
              • 人力検索はてな
              • はてなブログ タグ
              • はてなニュース
              • ソレドコ
              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2026 Hatena. All Rights Reserved.
              設定を変更しましたx