tande lab.

Archive
UI / UX

またもや、凄く今更なイベント参加メモをアップ。
でも内容的にはまだまだ全然参考になる。

去年 (2013年) の5月に行われた 第39回 HTML5 とか勉強会 #html5j + 日本 Android の会 #jag201305 合同勉強会 で、クックパッドの方 (@kaa さん) がハイブリッドアプリ (OS ネイティブと HTML5 を組み合わせたスマホアプリ) について講演されていて、面白かったのでメモしてたんですけど、その時のメモが発掘されたので、今更ながらのアップです。。

とりあえず、今の世の中には大まかに下記の3種類のスマホアプリがある、というのを頭に入れてから読み進めると良いです。

ネイティブアプリ iOS/Android など OS ネイティブの開発環境で制作されたアプリ
WEBアプリ HTML5 など WEB ベースで制作され主にブラウザ上で動くアプリ
ハイブリッドアプリ OS ネイティブに HTML5 など WEB を組み合わせたアプリ

以下、メモです。

Read More

タイトルそのままなんですが、結構前にインストールして結構気に入っているアプリ。
インフォグラフィクスの表示がとてもキレイです。

閲覧できる情報としては必要最低限、って感じなので詳しく分析したいって場合には不向きですが、単純にぽけ〜っと眺めている分には、とてもシンプルでキレイなアプリです。

色も iPhone の本体色に合わせて2色選べてオシャレ。
配色もとてもステキです。
IMAGE_417.png IMAGE_418.png

Read More

前も記事にしたこの本について再び。
前記事 – [UI/UX] インターフェースデザインの心理学がめっちゃ読みやすい

やはり、読めば読むほど面白いですこの本。

この本で紹介されている URL をまとめてあるサイトがありました。
インタフェースデザインの心理学 — リンク集 — マーリンアームズ

サイトを見ながら読むと更に理解が深まりそうです。

ただ読むだけじゃもったいないので、心に残ったところをその時の自分の思考と共に定期的にメモしようと思いました。

以下、2013年2月段階で、私が特に心に残った5つ。
また1年後とかに再度読み直したら、気になるところも変わってそうです。

Read More

去年9月の HTML5 Conference 2012 聴講メモを今更ながらアップ。その2。

こもりまさあきさん (フリーランス) @cipher / @proteanbm によるセッション。

HTML5 時代にどういうことを考えながらデザインしていくべきか、について
物腰柔らかい話口調で話されていて、とても惹き込まれるセッションでした。

Read More

総集編、参加してきました!

今までの総まとめに相応しく、更に分かりやすいスライドです!
@tommmmy さん、毎回本当にありがとうございます。すごすぎる。

総集編も、やっぱりエンジニアの方の参加が多かったです。

Read More

先週で全4回のイベントが全て終了したので、主に自分の振り返り用としてスライドや関連サイトをまとめました。

My image

Read More

最終回の4回目、参加してきました。
今回のスライドも力作で、とても分かりやすかったです!

前回までの内容

Androidアプリのデザインの幅を広げるコツとTips 1回目 #aadesigns に参加してきた

  • Android ならではのポイントについて
  • 9patch について

Androidアプリのデザインの幅を広げるコツとTips 2回目 #aadesigns に参加してきた

  • より凝ったグラフィック
  • 9patch についてより詳しく
  • デザインパーツにすべきところ、コードで表現すべきところ

Androidアプリのデザインの幅を広げるコツとTips 3回目 #aadesigns に参加できなかった

  • 全力でカスタムUI

3回目だけ参加できなかったんですよね(;_;)

以下、今回の最終回(4回目)についての @koeri 的メモです。

Read More

すごい参加したかったんですけど体調不良でキャンセルしてしまったので
公開してくださってる資料を読み込んで、今週木曜にある4回目に挑みたい!!

毎回丁寧な資料で頭が下がります。
3回目 (10/4開催) のもすごい分かりやすい。

Read More

1回目がとても良かったので、引き続き2回目も参加してきました。

前回の詳細はコチラ。
Androidアプリのデザインの幅を広げるコツとTips 1回目 #aadesigns に参加してきた

イベント概要

2回目のテーマは "より凝ったグラフィック編" ということでコードだけでここまでデザインできる!
という内容を今回も @tommmmy さんが懇切丁寧に教えてくださいました。

多分近々、スライドも公開してくれるはず!
スライド公開してくれていました! (2012.9.25 追記)

今回の会場は渋谷の GMO でした。
前回の サイバーエージェント STARTUP Base Camp もステキだったけど、こちらもステキなオフィスですね。うらやましすぎる。

以下、今回の内容についてのメモ。

Read More

全4回あるうちの1回目に参加してきました。

1dot まで余白とか計算してデザインだしたのに勝手にレイアウト変更されてる!
1dot のハイラインが大事なのに分かってもらえない!!
リリースしたパーツが微妙に縦横比変更されて配置されている!!!

などなど、すげぇわかるわ〜〜
と思いながら聞いていました。

個人的には 90% くらいは既に知っていた知識だったけど
全部我流で知った知識だったので、改めて基礎から学べて良い復習になりました。

デザイナーであり、エンジニアでもある @tommmmy さんの説明がとても分かりやすかったです。
次回も楽しみ!!

2012.9.7 20:19 追記
今回のプレゼン資料を SlideShare で公開してくださっていました。
ありがやありがたや。

以下、スライド内容とかぶりますが、自分用の備忘録と感想兼ねたメモです。

Read More