16×16の中におさまる小さなドット絵を集めたWebマガジンをはじめました
小さなドット絵とアイロンビーズで遊んでみよう!
まず、Nunchaku Pixels|ヌン|note(ノート) ←ここからすきなデザインをみつけます
MacのFinderアイコンYosemite ver.を選んだとします
こんなドット絵があります
すこしづつ追加していきますので、ぜひぜひあそびにきてください!
16×16の中におさまる小さなドット絵を集めたWebマガジンをはじめました
まず、Nunchaku Pixels|ヌン|note(ノート) ←ここからすきなデザインをみつけます
MacのFinderアイコンYosemite ver.を選んだとします
すこしづつ追加していきますので、ぜひぜひあそびにきてください!
2014年9月10日、渋谷ヒカリエのDeNAさんで開催された UIデザイン・プロトタイピングのセミナー交流会 行ってきました
100名定員のところ268名参加希望が来ちゃうという人気ぶり!
はじめて見たときに、iPhoneだけでプロトタイピングできちゃうスゴイ!!と衝撃だったプロトタイピング用アプリ「POP」を開発したBenさんのお話と、あの凄腕デザイナーでデベロッパーな深津さん(@fladdict)が登壇するのだから、この人気も納得です
17:30 | 開場 |
18:00 – 18:10 | オープニングトーク |
18:10 – 18:40 | POPとUS式のアプリデザインについて by Ben Lin |
18:40 – 19:25 | ペーパープロトタイピング入門 by fladdict |
19:25 – 19:40 | 会社および事例説明 by DeNA |
19:40 – 21:00 | 交流会 |
プロトタイピングをつくれるアプリです
紙にスケッチを描く→スマホのカメラで写真をとってPOPに取り込む→ボタンなどにリンクをつけて画面遷移をつける という流れで使います
POPはiPhoneだけでなくAndroidなどでも使えます
詳しくはこちら:POP - Prototyping on Paper | Mobile App Prototyping Made Easy
POPのCEO Benさんより
Benさんのスライド:Move fast with POP
http://www.slideshare.net/BenLin2/dena-sharing
リサーチとユーザーテストをとにかくたくさんするのがとても大事!
スライドの中で、Design references を紹介くださっているのでリストにしました
iOS Human Interface Guidelines: Designing for iOS
Design for Windows Runtime apps – Windows app development
Mobile Patterns http://www.mobile-patterns.com/
Pttrns - Mobile User Interface Patterns http://www.pttrns.com/
Android Patterns http://androidpttrns.com/
lovely ui http://www.lovelyui.com/
CAPPTIVATE.co | iOS UI Animations http://capptivate.co/
深津さん(@fladdict)より
写真を使ってプロトタイプがつくれるPOPのBenさんのお話と@fladdictさんの問題解決のためのプロトタイピングのお話、とても参考になるネタ満載でした📚
— 👾 ヌン 👾 (@nun_) 2014年9月10日
&DeNAさんおいしい飲みものとごはんごちそうさまでした! #popapp pic.twitter.com/0a21mUKseC
トレンドの変化スピードに対応するにはウォーターフォールでは間に合わない
評価と検品が最後だと危険すぎる
みんなでやる … みんなで良いところ、悪いところをシェアする
プロコンリスト:長所と短所を並列にすることで客観的評価の機会をつくる
疑似プレスリリース:作成してユーザーにテストすると、商品なしに商品の需要を測れる
フィッシュボーン図:あいまいな問題が具体的な問題になる 複数のアプローチを探せることも
深津さん(@fladdict)のブログの連載がわかりやすいです
ペーパープロトタイピング入門 – 第0回 | fladdict
必ず複数のパターンをつくる
フィッシュボーン図のアプローチごとにつくり、長所と短所を比較する
手触りの確認
モーションやジェスチャ
コンセプトモデルに必要な要素はKeynoteやXcodeを使う
最初に可能性を模索してリスクを最小化
みんなで共有してベストを模索する
詳しくは深津さんの書籍で!Kindle版もあります
プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法
プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法
ここでちょっと読めます
プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法 - 深津 貴之, 荻野 博章 - Google ブックス
チームで読みたいプロトタイピング本『プロトタイピング実践ガイド』 - ninjinkun's diary
当日、会場にもきていたにんじんくんのブログ
みんなでプロトタイピングの大切さを知って、実践していこうというすてきな内容 なんて前向きな日記なんだろう すごい
デザインはエンジニアリングだ−−THE GUILD深津氏が語る「デザインを考えるために必要なメソッドとプロトタイピング」 - THE BRIDGE(ザ・ブリッジ)
検索していて見つけた記事 アプリ開発の4つのメソッドやデザインを学ぶためのことがさくっと書いてあります とてもわかりやすいです!
アプリ開発のときに、プロトタイピングを行なうことで、アプリの目的と機能をみんなで理解することができるのすばらしいと思いました
目的達成のための仕様を決定するとき、デザイナーからの提案とエンジニアからの提案を出し合って、よりスマートな仕様にする手助けとしてすごく良いです
いまチームでアプリ開発の仕事してないのですが、なんだかまたやりたくなりました!
アイコンデザインをやったりはしてます
あなたのアプリアイコンのラフを描きます!タイムチケットを発行しました - ぬんびりぶろぐ
ひととおりお話が終わった後、DeNAさんから食べものと飲みものをごちそうになりました ありがとうございます!
そのとき、Benさんが挨拶にきてくださったのですが、わたしのTwitterのアカウント名(@nun_)を見て、短いアカウント名!COOLだね!と褒めてくれました 嬉しかったです とてもキュートな方でした !
そしてこの日はAppleからiPhone 6/6 PlusとApple Watchが発表された日でもあって、みんなではやくApple Watchが欲しいだの、iPhoneどっちを買うだのワイワイしました 楽しかった!
すてきな機会をありがとうございました
Evernoteをもっと気軽に使いたい!
Evernoteをもっと使いこなしたい!
という方にオススメなMacアプリがリリースされました!
Macのデスクトップに付箋のメモがぺたぺた貼付けられるアプリです
付箋メモのアプリなら今までもあった、あったんですけど、
MemoZouはちょっと違う!
今までメモしたはいいけど、保存するときテキストとかにコピーしてえっと ってなってました 不器用
でも!MemoZouならカンタン保存!
勝手にタグが付くので、あとから探すときはタグで検索!
テキストだけでなく、画像を貼ることができます
画像を貼ったり、テキストをコピー&ペーストしたりが自由自在!
メモを常に最前面に表示させる設定があるのも地味に便利〜
上記はわたしが気に入った使い方ですが、いろいろな使い方ができるアプリです
詳しくは開発された@itok_twitさんのブログをご覧ください
Evernote連携Macデスクトップ付箋アプリ MemoZou v1.0 を公開しました。
そして!
シンプル!
Evernoteなグリーン!
このアイコンをつくらせていただく経緯は、TIME TICKETがきっかけなのですが、それはまた別のエントリーで書きたいと思います
あなたのアプリアイコンのラフを描きます!タイムチケットを発行しました
すてきなアプリを開発され、そしてアイコンデザインさせてくださった
いとーけーさん、ありがとうございました!
そうそう、みなさまの「MemoZouのかっこいい使い方」ぜひ教えてください!
なんかいろいろ使えそうですよね!
出先でメモって帰ったら、Macのデスクトップにメモ貼られてるってわけか!/Evernote連携Macデスクトップ付箋アプリ MemoZou v1.0 を公開しました。 http://t.co/tHKAI7bNjB @itok_twitさんから
— ひとのみち|高浜一道|グッドタイミング (@hitonomichi) 2014年8月25日
MemoZouのダウンロードはこちら!
かわいいアイコンを集めるのが趣味だったことからはじまり、
アイコンをアイロンビーズでつくりまくったり
★ iPhone x アイロンビーズ ★ iPhone Advent Calendar 2013 ★
最近はアイコンデザイナーをしております
あなたのアプリアイコンのラフを描きます!タイムチケットを発行しました
いつも使ってるツールなどをまとめてみました
続きを読む