タグ

uiに関するshinlinsuiのブックマーク (6)

  • UI/UXデザイン独学3ヶ月目までに読んだ本(書籍)をまとめてみた|浦川たろう|note

    UI/UXデザインを独学中の浦川たろうです。独学3ヶ月目に突入し、今回はこれまで読んできた書籍をまとめてみました。 Kindleで持っているものも含めて、一度は目を通して読んだばかりを紹介します。 誰も教えてくれないデザインの基あるデザイナーさんのTwitterの呟きで、この書籍が良いというのを知って次の日に購入してきました。 スマートフォンアプリやブラウザ上のデザインではなく、チラシ・ポスターなどのいわゆる紙メインのデザインについて書かれている書籍です。 「それでは、UIデザインにあまり関連がないのでは?」 いえ、そんなことはありませんでした。 文字(書体)の選び方からレイアウト方法、写真やイラストの使い方などは、デザイン初学者の私からするとタメになる内容ばかり。買ってよかったと思います。

    UI/UXデザイン独学3ヶ月目までに読んだ本(書籍)をまとめてみた|浦川たろう|note
  • UIStackViewを使った詳細ページ実装のすすめ - ZOZO TECH BLOG

    こんにちは。 iOSエンジニアの遠藤です。 最近ユーザー詳細ページのリニューアルをすることになり、UIStackViewで実装しました。 UIStackViewを使ってとてもシンプルに実装できたので、UIStackViewで詳細ページを実装するメリットと実装について紹介します。 はじめに このような表示コンテンツの多い詳細ページを実装する際に、みなさんは何を使用していますか? UIStackViewはiOS 9から追加されたクラスですが、 まだUITableViewやUICollectionViewで詳細ページを実装されている人も多いのではないでしょうか? IQONも詳細ページをUITableViewやUICollectionViewを使って実装してきました。 しかし、UITableView、UICollectionViewは同じモジュールの繰り返しを表示するのには適していますが、詳細ペー

    UIStackViewを使った詳細ページ実装のすすめ - ZOZO TECH BLOG
  • モーションデザインはUIの未来 | POSTD

    最近、「モーションデザイン」という言葉がデザイン業界で急に出てきていることに気づいていますか?大小様々な企業が、これに特化した肩書きを持つデザイナーたちを雇いはじめています。最近ではGoogleが I/Oカンファレンス で、Googleの製品で統一化されているモーションランゲージの概要について話していました。 この騒ぎは何でしょうか?そして何の意味があるのでしょうか? モーションはストーリーを語ります。 アプリにおける全ての物事は連鎖になっていて、モーションはあなたのガイドになります。ボタンをクリックして、画面が変わる度に、そこにはストーリーがついてきます。例えば、アイテムを作ったり削除する時、アニメーションがどのように役に立つかを見ていきましょう。 アイテムを消すことは劇的で破壊的な作業ですので、適切に反応するようにしましょう。アイテムをただ画面から消すだけということはしないようにしまし

    モーションデザインはUIの未来 | POSTD
  • MUI: The React component library you always wanted

    Skip to content🚀 Influence MUI's 2024 roadmap! Participate in the latest Developer Survey →

    MUI: The React component library you always wanted
  • マテリアルデザインについて少し調べる - Qiita

    はじめに マテリアルデザインという言葉は知っていましたが、それが一体なんなのかを正しく理解しないまま、 「これからは、マテリアルデザインだぜ」のような顔して、生活していましたが、 知ったかぶりしているのがバレる前に、少し学んでおこうと思いました。 マテリアルデザインとは 2014年にGoogleが発表した「デザインのガイドライン」。 直訳すると「物質デザイン」。 マテリアルデザインの目的 スマートフォン、タブレット、テレビ、メガネ、腕時計などのデバイスで、 統一されたデザインを取り入れることにより、操作性も統一され デバイスが変わっても使いやすいUIを実現できるとか。 現実世界のルール(奥行きや、影など、質量)を取り入れることで、直感的な操作を実現します。 マテリアルデザイン誕生までの歴史 1.スキューモフィズムでのデザイン スキューモフィズムとは スキューモーフィズム(skeuomorp

    マテリアルデザインについて少し調べる - Qiita
  • illustratorでUIデザイン:設定編 - Two hats

    Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill

    illustratorでUIデザイン:設定編 - Two hats
  • 1