atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

連載:MetroUIから始めるWindows Phone 7

かいた:Windows Phoneで動くカメラアプリ作成の基礎知識

かいたよー Windows Phoneで動くカメラアプリ作成の基礎知識 http://www.atmarkit.co.jp/fsmart/articles/sil_wp7_07/01.html

Windows PhoneのMetro UIをタッチでジェスチャ操作

@ITに記事書いたよー Windows Phoneに特化した内容ではないけど、モバイルとかタッチパネルとか、そういうデバイスの開発するなら覚えておきたいですね。 http://www.atmarkit.co.jp/fsmart/articles/sil_wp7_04/01.html

訂正:WP7のカラーリスト

伊勢さんのブログを参考にして、 http://d.hatena.ne.jp/iseebi/20110125/p1 以前こんなメモをしていました。http://d.hatena.ne.jp/c-mitsuba/20110613/1307953674が、UIデザインガイドをよく見てみると、カラーリストが公開されてるじゃないですか! There…

Windows Phoneの色使いとTileをアプリに生かせ!

@ITにTile UIとColor Resourceについて記事を執筆しました。 IS12Tの話もあるよ!Windows Phoneの色使いとTileをアプリに生かせ! http://www.atmarkit.co.jp/fsmart/articles/sil_wp7_02/01.html

@ITに記事書きました!

@ITにMetro UIについて記事を書かせていただきました。ぜひ目を通してもらえるとうれしいですー!(きゃっきゃ http://www.atmarkit.co.jp/fsmart/articles/sil_wp7_01/01.html

その9:PanoramaとPivot

Windows Phone 7の特徴的なレイアウトとして、PanoramaとPivotがあります。 どちらも横に長いレイアウトで、フリックして画面に表示する部分を切り替えます。 ページ自身は変わらないため、画面遷移とは少し違った印象がありますね。 ここで問題になるのが、…

その8:やりたいことドリブン

ホーム画面 Windows Phone 7のホーム画面は大きく分けて、タイル化したショートカットとアプリケーションリストの2つに分かれます。 一見するとAndroidのような、よく使うアプリケーションをホーム画面に置く形に似ています。 Hub Windows Phone 7にはPeapl…

その7:■..Tile..タイル..たいる..

とりあえず個人的に考えるMetro UIについてまとめてからBlendにはいろうと思います。 MetroなTileデザイン タイルをぱっとみて蜜葉が思ったのは、モンドリアンデザインに似ているなぁというところ。 垂直と水平の線に、passとfillで出来てる原色なprimitive.…

その6:Metro UIについて

だいたい、過去記事を発掘したので、ここからはじめます。 蜜葉が考えるMetro UIなのであしからず。。 Metro UI? まずは、Metro UIってなんだっけ?ですね。 Metroはそのまま地下鉄のことだそうです。 地下鉄の路線図は、路線によって色分けされていたり、…

その5:WP7カラーリスト

#181C18 application bar background #FF0094 magenta #A500FF purple #00AAAD teal #8CBE21 lime #9C4D00 brown #E771B5 pink #EF9608 orange #18A2E7 blue #E71000 red #319A31 green

その4:タイルエフェクトをつけよう

すっごくかんたん!

その3:DataBindingをタイルっぽく

サンプルデータをPanelにぽいっちょすると、ListBoxで一覧が表示されますよね。 今回はその辺のXAMLを編集して、タイルっぽく見せようと思います。 SampleDataSetをListで表示するとこんなかんじですね。 newPhotoListBox選択して右クリック、現在のテンプレ…

その2:画像をジェスチャーで操作する。しかもノンコーディングで。

//再掲載以前のジェスチャーの実装方法で、こんなふうに書きました。 Windows Phone 7 のはてなフォトライフビューワを作る (後編)その3ージェスチャーを実装しようー http://d.hatena.ne.jp/c-mitsuba/20110312#1299859371しかし、やっぱりUIにコードを書…

その1:BackgroundColorに合わせて画面をデザインする

//再掲載BackgroundColorによって文字色が変えると、背景画像によって字が見えにくいとかあるかもしれません。 そこでBackgroundColorの反対色を設定する方法を紹介します。 1.BackgroundColorとなるPhoneBackgroundBrushをLayoutRootに設定します。 2.…

その0:はじめに。

0から始めるExpression Blend再入門その24,25 が、気づいたらWindows Phone 7じゃないか!(棒 でもって、意外とMetroUIとかWP7らしいデザインとかって需要があるのかなぁと思ったので、 Expression Blendを使って”MetroUIから始めるWindows Phone 7”を…