UXにおけるビジュアルデザインの5つの原則 – U-Site

2020/12/17 230 users U-Site ゲシュタルト ユーザビリティ 階層 原則

スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断... 続きを読む

スマホ時代におけるフォームのデザイン・実装のテクニックが詳しく解説された良書 -フォーム制作実践ガイド | コリス

2019/12/24 9 users プロジェクト ユーザー 知識 コリス 機能

フォームのデザインや実装が苦手という人は少なくないと思います。スマホ時代における、ユーザーにとって利用しやすいフォーム実装のテクニックを機能・ビジュアルデザイン・実装コードごとに詳しく解説したフォーム制作実装ガイドを紹介します。 さまざまなプロジェクトで利用できるフォーム制作の知識をしっかりと身に... 続きを読む

「ペンギンの島」ついにクリックしないクリッカーゲーの登場 - アプリゲームUIデザイン

2019/12/03 20 users 遠目 ペンギン アプリゲームUIデザイン 中央 チョコ

こんにちは、ちょこです。 「ペンギンの島」が話題になっていたのでプレイしてみました。 ジャンル的にはクリッカー系です。 女性向けのビジュアルデザインでライト層向けに機能を絞っているように見えました。 というのも中央のボタンを押すだけで良いんですよね ▲遠目でもどこを押したら良いのか明確 ▲念のため。この... 続きを読む

ラベルデザインから読み解くコンテンツ設計の課題 : could

2018/10/09 33 users タイポグラフィ could 制約 プロダクト 視覚化

コンテンツプロセス ラベルデザインから読み解くコンテンツ設計の課題 時にはビジュアルデザインよりコンテンツのほうが制約が多く、人間関係も複雑です。コンテンツ制作・運用に関わる質問をつかって視覚化しておくと『攻め方』が見えてきます。 色やタイポグラフィだけでなく、言葉でプロダクトの雰囲気が決まることが... 続きを読む

デザインの世界への招待状  #4 デザイン界が置かれた現状｜三宅佑樹｜YUKI MIYAKE｜note

2018/02/11 43 users Note 招待状 現状 デザイン界 ブランドコンサルティング

こんにちは。アートディレクターの三宅佑樹( @yuki_miyake )と申します。ビジュアルデザインやブランドコンサルティングなどを行うICVGというデザイン会社の代表をしています。 デザインの社会的活用を推進するためにはデザインをもっと身近な存在にする必要がある 。その方法の１つとして、他分野からデザインの世界に入ってみようかなと考えている人をメインの対象として、 広い意味での「デザイン」の世... 続きを読む

イラストレーター・天野喜孝氏のドキュメンタリー映像―「いまだに『FF』を描いているのは不思議」 | Game*Spark - 国内・海外ゲーム情報サイト

2017/10/27 24 users Game*Spark 天野喜孝氏 イラストレーター ＦＦ 国内

イラストレーター・天野喜孝氏のドキュメンタリー映像―「いまだに『FF』を描いているのは不思議」 メディア 動画 2017.10.27 Fri 19:13 編集部にメッセージを送る 『 ファイナルファンタジー 』をはじめとしたビデオゲームのビジュアルデザインを手掛ける天野喜孝氏のドキュメンタリー映像が公開されました。 この映像は、日本人クリエイターにフォーカスしたドキュメンタリーを配信するケーブルテ... 続きを読む

UIのビジュアルデザインにおけるちょっとしたコツをまとめた「Little UI Details」 - GIGAZINE

2017/09/10 112 users GIGAZINE Moments Laravel モーメント

Tighten や Laravel のデザインを担当したSteve Schoger( @steveschoger )さんによる、ビジュアルデザインにおけるコツをまとめたモーメント「 Little UI Details 」が公開されています。 Little UI Details https://twitter.com/i/moments/880688233641848832 明るい背景色上に白色のテ... 続きを読む

ビジュアルデザインの基本、「4大原則」を活用して、伝わるデザインにする–[FIT BLOG-フィットブログ]

2017/06/27 51 users FIT BLOG フィットブログ デザイン 基本 内藤

デザインとは思考の表現である私たちは日常的にデザインという言葉を利用していますが、人によってその使い方は異なります。単なる装飾をデザインという人もいれば、問題解決の手段をデザインという人もいます。設計のプロセスや、企画そのものをデザイン...内藤 康太　/　2017.06.27 ビジュアルデザインの基本、「4大原則」を活用して、伝わるデザインにする デザインとは思考の表現である 私たちは日常的にデ... 続きを読む

ビジュアルデザインにおける10の基本原則 - GIGAZINE

2017/06/14 91 users GIGAZINE TomTom Prototyping

ビジュアルデザインにおいて最も基本的な原則10個を、 TomTom でビジュアルデザイナーとして働くジョゼ・トーレさんがまとめています。 10 Basic Principles of Visual Design – Prototyping: From UX to Front End https://blog.prototypr.io/10-basic-principles-of-visual-de... 続きを読む

美しい見た目は不要？ユーザビリティとデザイン | UX MILK

2017/02/05 56 users ユーザビリティ Craigslist 迷信 UX MILK

この記事は、2015年10月15日に掲載した「【UXの迷信】ユーザビリティさえ良ければ、サイトの見た目は関係ない？」を再編集したものです。 あなたは「ユーザビリティが担保されていれば、Webサイトのビジュアルは美しくなくてもいい」と思いますか？ Craigslist のように、見た目は味気なくても人気があるWebサイトもあるので、サイトのビジュアルデザインを重視せずにユーザビリティだけに重きを置く... 続きを読む

デザインに関わるすべての人が知っておくべき色と配色の基本 | perspective

2016/12/15 348 users 広義 Perspective 概念 視覚要素 近年

色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインの... 続きを読む

リセットして考えるデザインプロセスが必要な理由 : could

2015/01/08 49 users 例年 CSS Nite 暗黙知 コンテンツ講演 could

コンテンツ講演 リセットして考えるデザインプロセスが必要な理由 勘や経験はこれからも役に立ちますが、「当たり前」「伝わっているよね」みたいな暗黙知はないものと思って、コンテンツをどのように設計すれば良いのかを話し合う場をもつべきだと考えています。 CSS Nite と同様に、年末恒例になっているのが WCAN Winter。例年、ビジュアルデザインやコードの書き方など、「作り方・見せ方」をテーマに... 続きを読む

サービスにおけるビジュアルデザインの役割

2014/12/08 142 users 役割 サービス

Visual Spiders Presentation Design Services Visual Spiders 126 views 続きを読む

「思いやりから始まるIA」：理解と共感のための情報アーキテクチャ | GREE Creators Blog

2013/11/11 77 users 共感 情報アーキテクチャ 理解 Satoru ワイヤーフレーム

みなさま、はじめまして。 UXチームのSatoruです。 僕は、インフォメーションアーキテクト（以下、IA）として、「情報アーキテクチャ」という切り口からUXデザインプロジェクトに関わっています。 「情報アーキテクチャ」というと、「サイトストラクチャを作る」とか「ワイヤーフレームを作る」、「情報設計」など、ビジュアルデザインやUIデザインに関わる一連の設計タスクのイメージを持たれがちですが、それ以... 続きを読む

アクセシビリティから変わるビジュアルデザイン : could

2013/03/06 158 users could WCAG アクセシビリティ アクセシビ 原則

アクセシビリティデザイン アクセシビリティから変わるビジュアルデザイン WCAG 2.0 で提示されているアクセシビリティの 4 原則にはビジュアルデザインを改善させるためのヒントがあります。デザインとの連携性を高めることで、より自然にアクセシビリティが認知されるのではないでしょうか。 W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビ... 続きを読む

デザインは“世界観”を築くためにある ― WOW 鹿野護のUI・デザイン論。[1]│CAREER HACK

2012/11/08 66 users WOW CAREER HACK 境界 議論 クリエイター集団

理想的なUIとは何か？ WEB業界でも常に議論の的となるこの問いを、世界にその名を知られるクリエイター集団 WOW を率いる鹿野護氏にぶつけてみた。UIとは“境界”であると定義する鹿野氏。UIの良し悪しは、そこに“世界観があるか”で決まるという。 2012-11-08 東京・仙台を活動の拠点として、ロンドン・フィレンツェなど国際的にも活動の場を広げている、ビジュアルデザインのトップクリエイター集団... 続きを読む

jQuery Mobileのビジュアルデザインが自由に！ Theme Rollerついにリリース ::ハブろぐ

2011/10/28 370 users jQuery Mobile ハブろぐ

Theme Roller Released! Announcing ThemeRoller for jQuery Mobile! Learn more: http://t.co/LvFkbfwp or try it now: http://t.co/AeDhxKnbFri Oct 28 12:29:55 via Twitter for Macjquerymobile jquerymobile 正直... 続きを読む

Zen-Codingで楽々コーディング! + コツ1つ

2010/02/23 470 users Zen-Coding コーディング CSS HTML ツール

話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ... 続きを読む