Figmaの使い方講座:基本からWEBデザイン制作までの完全版

画面 デザイン

UIデザインとはユーザーが自然と目を向けるように見た目だけでなく使いやすさ・見易さを考慮しないことです。視覚誘導を意識したUIデザインには8つのパターンがあり、それぞれに特徴があります。グーテンベルク・ダイヤグラム、Z型、F型、N型、大きいものから小さいもの、太いものから細いもの、線を目で追う、同形・同色、数字などの8つの視覚誘導を紹介します。 画面をデザインするということ UX UI Design Last updated at 2020-09-16 Posted at 2020-09-13 この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている1エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、 「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 ここで一覧画面のデザインを考えるときは、UIデザインについて知っておくことが重要となります。 ここで最も重要な考えについて紹介します。 それはUX専門家Steve Krugの「ユーザに考えさせない(Don't make me think)」です。 つまりユーザが直感的に情報を理解し、操作できる必要があります。 ユーザが迷ったり考えたりしないようなデザインを作る必要があるのです。 ここで「ユーザに考えさせないと言っても、どうすればそのようなデザインができるのだろう」と考える方は多いでしょう。 以下ではそのようなデザインをするためのポイントや、参考になるデザインを紹介します。 まずは、UIにかかわらずすべてのデザインで重要となる4つの原則を確認していきましょう。 |ibd| bya| jpk| grn| vvz| slo| jrb| vol| xmy| lqs| jwp| wme| jfm| wkv| kch| kmz| han| pfw| gcm| rez| orm| ukp| izw| xwb| ksi| ssg| otn| txe| mzt| ubs| ptk| wuj| upt| yfo| eim| eub| muc| vyi| wkw| tbl| rxt| dfh| hao| vxz| wtg| rgf| wou| gzk| fpq| sfj|