CSS Nite redux, Vol.3

0
前へ 1 2 3 ・・ 7 次へ
crema𝕏(黒野明子) @crema

#cssnite_redux3 「あとは、Twitterでつぶやいてもらったり、URLをメールで知らせて残りの作業はPCサイトでやってもらうとか。また、サイトをホーム画面に追加してもらい、何回も訪問してもらうのも有効(例:mixi)。」

2011-02-17 14:43:30
ちゃこちゃん。 @chaco

設計時のポイント 階層は浅く、1ページは長く。#cssnite_redux3

2011-02-17 14:43:59
crema𝕏(黒野明子) @crema

#cssnite_redux3 「設計時のポイント>階層は浅く、1ページは長く。(リンクで移動する時に電波が切れている場合があるので、ページ内リンクを活用する。)」

2011-02-17 14:44:43
ちゃこちゃん。 @chaco

画面サイズを正確に把握。有効な表示範囲も考慮すること。向きにも注意する。#cssnite_redux3

2011-02-17 14:45:43
crema𝕏(黒野明子) @crema

#cssnite_redux3 「iPhoneを縦で見る時(ポートレート表示)のファーストビューは356px、横で見る時(ランドスケープ表示)は210pxぐらい。」

2011-02-17 14:46:31
crema𝕏(黒野明子) @crema

#cssnite_redux3 「iPhoneサイトのワイヤーフレーム作成は、 Cacooを利用。iPhone用のステンシルが用意されているので便利。」

2011-02-17 14:49:21
crema𝕏(黒野明子) @crema

#cssnite_redux3 「Cacooで作ったワイヤーを、 Nicholas Zambetti – LiveView for iPhone & iPad http://bit.ly/inXoX を使ってMac⇔iPhoneで連動させて表示確認。」

2011-02-17 14:52:09
Motoki Kobashigawa @motokik

これいいですね!“@crema: #cssnite_redux3 「Cacooで作ったワイヤーを、 Nicholas Zambetti – LiveView for iPhone & iPad http://bit.ly/inXoX を使ってMac⇔iPhoneで連動させて表示”

2011-02-17 14:55:15
よしこ @YoshikoYamamoto

RT @crema: #cssnite_redux3 「Cacooで作ったワイヤーを、 Nicholas Zambetti – LiveView for iPhone & iPad http://bit.ly/inXoX を使ってMac⇔iPhoneで連動させて表示確認。」

2011-02-17 14:56:30
RottenApple @addictedinapple

RT @crema: #cssnite_redux3 「iPhoneサイトのゴール設計>(操作が煩雑なので)フォームでのお申し込みをゴールにするのは、難しいのでは?iPhoneはlabel要素での指定が効かないので、チェックボックスなどは、きっちりその上をクリックしないとチェックできない」

2011-02-17 14:57:59
Cacoo| 頭のなかを共有し合う作図ツール @cacooapp

RT @crema: #cssnite_redux3 「Cacooで作ったワイヤーを、 Nicholas Zambetti – LiveView for iPhone & iPad http://bit.ly/inXoX を使ってMac⇔iPhoneで連動させて表示確認。」

2011-02-17 15:03:58
Shinsuke Tabata @tabaturbo

RT @crema: #cssnite_redux3 「Cacooで作ったワイヤーを、 Nicholas Zambetti – LiveView for iPhone & iPad http://bit.ly/inXoX を使ってMac⇔iPhoneで連動させて表示確認。」

2011-02-17 15:03:58
m-hori @cmykandrgb

こんなことできるんだー RT @crema: #cssnite_redux3 「Cacooで作ったワイヤーを、 Nicholas Zambetti – http://bit.ly/inXoX を使ってMac⇔iPhoneで連動させて表示確認。」

2011-02-17 15:05:14
OKIتNissy🐼🍞🦖🐟 @oki_nsy

RT @crema: #cssnite_redux3 「バニラサーフ> Safariの置き換えになりそうなiPhoneアプリに惚れた! http://bit.ly/e8HwYD

2011-02-17 15:05:24
crema𝕏(黒野明子) @crema

#cssnite_redux3 「デザイン時のポイント>縦位置横位置で幅が変わるので、幅が固定されたデザインにしない。固定された画像を使わない。CSS3でできるだけ表現する。外光のなかで閲覧されても読みやすいように、コントラストの高い配色を心がける」

2011-02-17 15:06:17
ちゃこちゃん。 @chaco

デザイン時のポイント 幅に制限のあるでざいんはしない。画像は少なく。文字は(基本)画像にしない コントラストを意識(外で見ることが多いため) デザイナーさんはCSS3で何が表現できるかを知る必要が出てくる。 #cssnite_redux3

2011-02-17 15:06:23
ちゃこちゃん。 @chaco

ロールオーバーは使えない。リンクは分かりやすく、タップしやすく。#cssnite_redux3

2011-02-17 15:07:12
crema𝕏(黒野明子) @crema

#cssnite_redux3 「ロールオーバーは使わない。リンクであることがはっきり分かるデザインにする。」

2011-02-17 15:07:14
crema𝕏(黒野明子) @crema

#cssnite_redux3 この会場に集った9割がPhotoshop派だった!Fw派は2人!

2011-02-17 15:08:21
Takachanuɐɥɔɐʞɐʇ @takachan

RT @crema: #cssnite_redux3 「バニラサーフ> Safariの置き換えになりそうなiPhoneアプリに惚れた! http://bit.ly/e8HwYD

2011-02-17 15:08:43
crema𝕏(黒野明子) @crema

#cssnite_redux3 「PhotoshopをFireworksに近づける方法。ワークスペースは『デザイン』にしておく。スクラブズームのチェックをオフにしておく。単位をpxにしておく。選択ツールで『自動選択』にチェックし、『レイヤー』を選び、(続く)

2011-02-17 15:12:03
前へ 1 2 3 ・・ 7 次へ