UIデザインワークフロー ベストプラクティス 2016年12月18日

| トラックバック(0)

2016年12月18日(日)
UIデザインワークフロー ベストプラクティス

朝早いセミナーって珍しいんですが、
UIも学んでおかないといけないので、
忘年会前に頑張って参加してきました。

講師はJuusando代表のハフィドさんです。
PC186124


1 良いデザイナーについて

 ・スキル&センス(30?40%)
 ・基本ルール&知識
 ・スキルアップ&インスピレーション
 ・ナイスワークフロー

 ※インスピレーションが一番大事

2 デザインの原則

  ・革新的
  ・実用的
  ・美しい
  ・分かりやすい
  ・主張しない
  ・誠実である
  ・ながもちする
  ・細部まで完璧
  ・環境にやさしい
  ・純粋で簡素

3 UIデザイン4Dプロセス
  ・Discover(発見)
  ・Define(定義)
  ・Design(デザイン)
  ・Deliver(納品)

4 UIデザイン「7ステップ」プロセス
  ・理解(なぜなのか)
  ・リサーチ(似ているサービスを探す・理解)
  ・ストラテジー(どんなことをするか)
  ・提案
  ・デザイン
  ・納品(スタイルガイド・プロトタイプ・アイデアなどたくさんある)
  ・テスト

5 UIデザインワークフロー

  ・デザインツール(Skechおすすめ)
  ・インスピレーション
  ・リソース
  ・コラボレーション(クライアント&チーム)
  ・コミュニーケーション(Chatwork・Slack)
  ・学習&スキルアップ
  ・テクニック&コツ

▼デザインツール
 ・ワイヤーフレーム
  UXpin  Balsamiq Axure

 ※一番いいのは手書き

 ・UIデザイン
  Sketch XD Figma
 
 ・インタラクションデザイン
  Principle  Flinto Atomic

▼インスピレーション
 ・UIデザイン
  Dribbble Behance Muzli Pinterest Pttrns Uiohmy Uihaus Collectui

 ・インタラクションデザイン
   Capptivate Uimovement Appanimations

 ・アイコン
   Iosicongallery Iconsfeed

 ・ボーナス
   Littlebigdetails

▼リソース

 UIデザインモックアップ
  Sketch App Sources XD Guru  Principlerepo Freebiesbug
  Sketchrepo Dbfreebies PSDRepo Mockupcatalog
  Applypixels UISpace Designmine

 アイコン
   Flaticon Iconmonstr Iconjar

▼リソース2

 画像
  Unsplash Gratisography Lifeofpix Imcreator

 動画
  Coverr Videos.pexels Pixabay

 フォント
  Losttype Fontsquirrel Fontfabric

 カラー
  coolors colorhunt

▼コラボレーション
  Zeplin Invision GoVisually Cage Mural Red Pin
  Avocode Prevue Real Time Board

  invisionの勢いが強い

▼コミュニーケーション

 ツール

 Slack Trello HipChat Basecamp Asana Mister Task Bitrix24

▼学習&スキルアップ
 ・専門サイト
 ・デザインSNS
 ・デザインコミュニティ
 ・イベントや勉強会
 ・本
 ・デザインブログ
 ・動画チュートリアル
 ・無料&有料デザイン講座

 →前回の作品よりもっと良いものを作る

▼テクニック&コツ
 ・遊び心
(いい気分じゃないとクリエイティブなものが作れない・Youtube見たり、音楽聞いたり)

 ・便利オンラインツール

 ・リトルソフト

 ・パソコン裏技(作業に影響がある楽になる裏技)

 ・フォーカス

 ・プラウザプラグイン
  (ブラウザのタブをそのまま保存してくれる)

 ・モチベーション

 ・大掃除(デスクトップの)

 ・ワークスペース環境

 ・カスタマイズ

 ・マイライブラリ

 ・ファイル整理

 ・ツールショートカット

■質問タイム
 ハフィド氏→デザイナーとしてどのプロセスまでやっているか。
       →プロジェクトでまちまちで自由になっている。リサーチからテストまで。
       →提案書までクライアントに纏められてしまっているので、
        それをどう指摘するか。
 ハフィド→リサーチデータだけ持ってくるクライアントがいる。
       クライアント会社がUXを知らないのに、
       いろいろなサイトのいいところを集めたワイヤーフレームを持って、
       デザイン会社を探すことが多い。
       →人によるところがあるが、UIデザイナーの半分くらいは全部に関わっている。

 ハフィド氏→インスピレーションどうしてますか。
        →ドリブルやピンタレストを見てる。
        →良いデザインサイトを真似して練習してみる。

 ハフィド氏→リソースで海外や国内のものを見ている人います?
        →ワードプレスを扱っているので、海外のテンプレートを見たりする。

 ハフィド氏→スキルアップどうしてます。
        →アイコン作るときとかに時間を計っておいて、次の作業の時に比べる
        →ドリブルとピンタレストの良いデザインをSketchで作っている。
 ハフィド氏→スキルアップを感じますか?
        →模写をしているとスピードアップしている感覚がする。

 

■プロセスで使っているリソース、ツール、テクニックなど

■UXUIデザインの役に立つツールやサービスの紹介

 ・Behance
   https://www.behance.net
 
 ・littlebigdetails


 ・iconjar
  http://geticonjar.com

 ・Product hunt

 ・https://muz.li

 ・kap

 ・right font(フォント)

 ・SIP(カラー選択)

 ・tabloid(Choromeプラグイン)

 ・CAPPTIVATE.CO
  http://capptivate.co

 

UIデザイナーのツールとかの情報量がすごくて、
とても刺激的なセミナーでした。



トラックバック(0)

トラックバックURL: http://www.hokorin.com/mt/mt-tb.cgi/934

月別 アーカイブ