UI・UXデザイン

技術者の視点から製品を理解しユーザーの立場で使いやすさを考える

プロダクトデザインで培ったノウハウは、UIデザインにおいても先進の価値を提供できます。製品デザインの重要な構成要素であるUIに対しデザイン思考で製品の価値向上に貢献します。

  • 1

  • スマートフォン・タブレット向け
    アプリケーション

    iPhoneをはじめとするタッチパネルGUI環境のUIデザイン制作も対応しています。近年はスマートフォン・タブレットともにデバイスの種類や環境も多様化しており、マルチデバイス・マルチプラットフォームに対応したデザインは必要不可欠です。ディ・フラットではこのような状況に対応すべく、レスポンシブデザインを採用した提案も行なっています。

  • 2

  • PC向けアプリケーションソフトウェア

    一般消費者向け・企業業務向けPCソフトウェアのUIデザインにも対応しています。企業内向けシステムに関するデザインは専門的な知識を必要とするケースが多いため、綿密な打ち合わせからの精度の高い設計をし提供します。
    また、必要に応じてHTML・CSSなどのWEB技術を用いたデモンストレーションの作成も可能です。

  • 3

  • 業務用タッチパネル機器

    操作するユーザー層のことはもちろん、屋外や照明の乏しい屋内など使用環境に相応しいデザインをご提案します。 実機で使用されるインターフェイス作成ソフトでのデータのご提供も対応しております。
    画面デザインから実装まで円滑に進められるような柔軟なサポートが可能です。

  • 製品デザインからUIデザインまで一括サポート

    近年では、コンピュータ周辺機器や大型産業機械に限らず、液晶タッチパネルあるいは機器等の設定用WEBインターフェースなどでGUIを用いた操作画面が頻繁に使われるようになりました。ディ・フラットでは工業製品のデザインとUIデザインをトータルでサポート可能ですので、工業デザイナー、グラフィックデザイナーそれぞれ個別の手配が必要なく、円滑なコミュニケーションと合理的なスケジューリングを実現できます。工業デザイナーが製品デザインの過程や意図を細部まで理解しているため、製品デザインとより一体感のあるUIを実現できます。もちろん見た目だけの一体感ではなく、デザイナーが関われば関わるほど操作方法および操作手順などが分かりやすい・心地いいUIをご提供できます。

  • 3

  • 様々なUI環境に対応

    ボタンデザイン・アイコンデザインだけではなく、アイコンの状況変化や背景画像などGUI部品のほとんどのグラフィック制作をサポートします。16色仕様のものからフルカラー、1bitアルファ・8bitアルファ、1:1以外のピクセルアスペクト比など製品の仕様にあわせた制作が可能です。

  • 提案出来るUIデザインワーク

  • 製品企画
    • コンセプト策定
    • 画面遷移設計
  • デザイン
    • 画面レイアウト設計
    • アイコン制作
    • カラーコーディネート
  • プロトタイピング
    • HTMLサンプル制作
    • アニメーションモック
  • アウトプット
    • 開発者向け指示書作成
    • デザインリソース書出し
  • その他
    • イラストレーション制作
    • グラフィック広告制作
    • 開発リソース調整

  • UIデザインとは

    UIはユーザーインターフェイス（User Interface）の略です。Interfaceとは「接点、接触面」という意味で、UIはユーザーと製品の接触面を指します。アプリの場合、パソコンやスマートフォンに表示されるアイコン・フォントなど「ユーザーの視覚に触れる全ての情報」がUIとなります。それらを魅力的に見せ、製品の使い心地をより良くすることが主にUIデザインの内容です。

デザイン制作例はこちら

アイコンデザイン

優れたサービスやソフトウェアにふさわしいプロ品質のアイコンを

もし、アプリケーションやサービス、WEBサイトで他者を卓越していたいのであれば、ユーザーインターフェースのデザインはとても重要な要素であることは言うまでもありません。その玄関口となる"アイコン"が、どれほどマーケティングやブランディングを向上させるか、すでに多くの人々に理解されつつあります。私たちはより写実的な質感、わかりやすいモチーフ、テーマに適した色遣いを駆使し、1ランク上のアイコンデザインを提供します。

  • どこまでも繊細に

    最新のWindowsやMacでは256ピクセル、512ピクセルといった、一昔前では考えられなかった大きさのアイコンを利用するようになりました。私たちの技術は高解像度アイコンの情報量を持て余すことなく、そこから始まる世界を魅力的に表現します。
    さらに洗練かつ合理化されたアイコンデザインで、小さいときでも認識しやすく、大きく表示されればよりリッチなプレゼンテーションを実現します。

  • デバイスに最適化されたプレゼンテーション

    一口にデザインといっても様々な表現があるように、アイコンを表示する端末も急速に多様化しています。
    1人１台時代を迎えたPCやMac、iPhoneやAndroidを搭載するスマートフォン、テレビやセットトップボックス、ATM、自動受付機、券売機にいたるまでアイコンが登場する場面は挙げればキリがありません。
    たとえ同じサービスでもそれが登場するシーンやコンテキストによって最適な表現は個別にあると私たちは考えています。
    たとえば、公共性の高い物では認知性が最優先されますが、PCアプリケーションでは質感がとても重要でしょう。iPhoneアプリではそれに加えて他アプリとの調和と同時に差別化が必要になってきます。
    定石的な解決方法はもちろんありますが、それだけではすべての要求を満たすことが出来ません。
    私達はこれまでの研究と表現力で、それらの問題を解決するプロ品質を追求し続けています。

デザイン制作例はこちら

ワークフロー

案件によって行程や順序に変化があったり、各工程に要する時間も変動するので一概にはいえませんが、ここでは一般的なアプリ開発におけるUIデザインと仮定して、作業の流れをご紹介します。

  • ヒアリング
    製品開発に必要な項目についてお伺いいたします。ここでお聞きした内容を元にお見積をご提示します。

    この段階で対象となる情報を整理し、コンセプトワークを進める場合もあります。
    製品開発に必要な項目内容を元にお見積、後のデザインプロセスを策定しご提示します
  • アイデアワーク
    アイデア検討の末、最もふさわしく、魅力的なビジュアル表現と思われるデザイン案に絞り込み、作成します。

    バリエーション画面は、方向性が決まり次第作成します。その際、パターン化可能な画面のレイアウトデザインを行い、操作上ユーザーの混乱を避けるため、色や配置のルールを決めます。
    最もふさわしく魅力的なビジュアル表現と思われるデザイン案に絞り込み、作成します
  • 提案
    デザインの方向性を確認するためのご提案をします。必要に応じて複数ご提案する場合もあります。

    方向性が決まり次第、バリエーション画面を提案します。必要な画面やアイコン・ボタンの状態変化などのデザイン案をすべて確認、検討していただきます。
    方向性を確認するためのご提案をします
  • 書き出し／納品
    決定案から、開発に必要な形式に書き出します。それらをリソースの管理表とともに、座標位置やインタラクションの指定も資料化し、開発者にスムーズな引き継ぎが出来るようにします。

    膨大な数になる場合も多いので、後の修正や多言語化など、案件が完了した後でも対応出来るように管理、最終納品となります。
    決定案から開発に必要な形式に書き出します

  • フォローワーク

    案件完了後も、不具合のご相談、追加のご要望など随時フォローいたします。

デザイン制作例はこちら

対応可能ファイル形式

  • イメージファイル

    JPEG

    GIF

    PNG

    BMP

    ICO Windowsにおけるアイコンで使用する画像ファイル形式

  • デザイン作業ファイル

    PSD Adobe Photoshopデータ

    AI Adobe illustratorデータ

    XD Adobe XDデータ

  • その他のファイル形式

    PDF

    DOC

    XLS

    PPT

    HTML/CSS

  • デザインツール（導入ソフトウェア）

    Adobe Creative Cloud（Photoshop, Illustrator, AfterEffects,XD ）

    Sketch

  • タッチパネル表示器(プログラマブル表示器)　画面作成ソフトウェア

    MELSOFT GT Works3（GTX）

    Pro-face GP-Pro EX（PRX）

デザイン制作例はこちら

デザイン実績

  • スマートフォン

    iPhone, Android Phone

    プロダクティビティ系アプリ 多数
    カレンダー、活動量計、カメラ、SNS など各種アプリ

  • タブレット

    iPad, Android Tablet

    プロダクティビティ系アプリ 多数
    医療分野、製造業分野 のプロプライエタリ アプリ

    Windows8 タブレット・ウルトラブック

    ニュース系、プロダクティビティ系 アプリ

  • WEBアプリケーション

    BtoB系 ソフトウェア、業務システムUI
    PC周辺機器の設定画面

  • デスクトップ

    PC ソフトウェア

    薬剤管理ソフト、電子カルテ、帳票管理、リハビリテーション支援ソフト
    アプリケーションアイコン、業務アプリケーション向けツールアイコン

    Mac ソフトウェア

    mi テキストエディタ アイコン及びUIのデザイン

  • 家電・産業機械

    コンシューマ製品

    ファクシミリの画面UI、インターホンシステム、
    TV及び、セットトップボックス向けのアイコンなど

    研究機関、医療機関、工場・産業機械 向け製品

    医療機器 タッチパネルUI
    分析装置 タッチパネルUI
    電動ラック タッチパネルUI
    産業機械操作 タッチパネルUI

  • その他のデザイン分野

    商品シンボルマークデザイン
    ウェブサイトデザイン
    販促物デザイン
お問い合わせはこちら