秋葉ちひろのAndroidアプリデザイン入門（5） - MdN Design Interactive
第5回 ガイドラインからみたAndroidアプリデザインの特徴3 2013年4月18日 解説・文：秋葉ちひろ いよいよ5回目となりました。Androidの多すぎる解像度や画面密度にうんざりしていませんか？ この回では、マルチデバイスに対応するために、デザインを作成するときのサイズについて詳しくみていきましょう。 ■Android端末の画面サイズについて アプリデザインを考える上でベースとなり、最も重要なのが画面サイズです。しかし、第2回でもお伝えしましたが、Androidには書ききれないほどの画面サイズ／解像度があり、縦横比さえもまったくバラバラです。それでは、Androidアプリのデザインを依頼されたときには、いったいどれぐらいの大きさで作ればよいのでしょうか。 ●解像度とピクセル密度/密度グループ解像度というのは、「px（ピクセル）」という単位であらわされる画面のサイズです。Webサイ
アドウェイズ、Twitterのフォローが解除された際に通知してくれるiPhoneアプリ「そうしてあなたはさってゆくのね」 - MdN Design Interactive
株式会社アドウェイズは7月10日、Twitterのフォローが解除された際に通知してくれるiPhoneアプリ「そうしてあなたはさってゆくのね」の無料配信を開始した。 本アプリでは、Twitterのフォローが解除された際に通知してくれるほか、新しくフォローを開始された際にも通知してくれる。Twitterでは現在、フォローを開始された際の通知機能は実装されているが、フォローを解除された際の通知機能は実装されていない。 「そうしてあなたはさってゆくのね」 「そうしてあなたはさってゆくのね」（iPhone/iPod touch/iPad対応、無料） 【iTunes が開きます】 ※価格は記事執筆時点のもので、変動する可能性があります。ご了承ください。 2011/07/11
アドビ、PhotoshopとiPadで連携できる3アプリの提供を開始 - MdN Design Interactive
アドビシステムズ株式会社は5月9日、Photoshop CS5と連携して使用できるiPadアプリ「Adobe Color Lava」「Adobe Eazel」「Adobe Nav」の提供を開始した。 「Adobe Color Lava」は、iPadの画面上で指先を使って色を混ぜ合わせ、好みのカスタムスウォッチカラーを作成したり、最大5つまでのスウォッチカラーテーマの作成ができる。作成したカスタムカラーは、ネットワーク経由でPhotoshopに送信して利用できるほか、Eメールで送信することも可能。 「Adobe Eazel」は、iPad上でアートワークを制作できるツール。ウェットとドライの絵の具を混ぜ合わせ、指先を使って絵を描くことができる。時間の経過に従い、絵の具を乾燥させることも可能。5本の指で画面をタッチすると、カラー、不透明度、ブラシサイズなどの設定を変更する操作を行うことができる。
iPhoneで桃鉄がついに登場! みんなが待ってた国民的ゲーム「桃太郎電鉄JAPAN＋」 - MdN Design Interactive
（株）ハドソンは2月17日、累計出荷本数1200万本の大人気国民的ゲーム「桃太郎電鉄」をiPhone、iPod touch向けに、「桃太郎電鉄JAPAN＋」として公開した。ダウンロードは無料ででき、1年間のゲーム時間で遊べる。アプリ内で完全版を購入すると期間制限がなく、最大20年間プレーできる。完全版の価格は税込800円。ダウンロードはiTunes App Storeから行える。 「桃太郎電鉄」(桃鉄)シリーズは、累計出荷本数が1200万本を超える同社の看板ゲーム。「桃太郎電鉄JAPAN＋」はそのシリーズ最新作で、全国各地をまわって物件を購入しながら、日本一の大社長を目指すゲーム。1億円を持ってスタートし、サイコロを振って目的地を目指す。目的地に一番乗りすると援助金がもらえ、その時点でいちばん遠くにいた人に貧乏神がつく。それを決められた年数分繰り返し、ゲーム終了時点で所有物件の総額と所持金
サンワサプライ、テンキー機能とジェスチャー機能を内蔵したUSBタッチパッド - MdN Design Interactive
サンワサプライは、テンキーとしてもタッチパッドとしても使用でき、「ページ送り」「拡大・縮小」などのジェスチャー機能を搭載したUSBタッチパッド「NT-TP01UBK」を発売した。 同製品は、ボタンひとつでテンキーモードとタッチパッドモードの切り替えができ、ノートパソコンのタッチパッドのように指先で操作できる。テンキーモードでは、左右2つのボタンが「電卓」「Backspace」として割り当てられる。タッチパッドモードでは、「タッピング」「拡大・縮小」「回転」「縦横スクロール」「ページ送り」など、複数の指を使うジェスチャー機能が利用可能。2つのボタンには「クリック」と「右クリック」が割り当てられる。サイズは縦105×横82mmとなっている。 NT-TP01UBK NT-TP01UBK 価格：4704円 URL：http://www.sanwa.co.jp/ 2011/01/12
ロジテック、アプリで操作できて完全コードレスのFMトランスミッター - MdN Design Interactive
ロジテック（株）は12月24日、iPhoneアプリで操作するFMトランスミッター「LAT-MPiS06R」を2011年1月中旬より発売すると発表した。価格はオープンプライス。 「LAT-MPiS06R」はiPhoneアプリで操作し、Apple社のライセンス「Made for iPhone」、「Made for iPod」を取得しているFMトランスミッター。iPhoneやiPod touchに装着して専用アプリを起動するだけで、FMカーステレオからワイヤレスで音楽が楽しめる。シガーチャージャーとUSBケーブルが付属しており、12Vや24Vのシガーソケット経由で充電ができる。またケーブルはトランスミッターから取り外せ、iPhone/iPod touchからの給電により完全コードレスの環境で利用できる。 操作はiTunes App Storeで公開されるiPhone/iPod touchアプリ「
NAVER、無料ストレージ「Nドライブ」に共有機能、容量は10GBへ - MdN Design Interactive
ネイバージャパン（株）は12月8日、同社の無料オンラインストレージサービス「Nドライブ」をバージョンアップした。最大保存容量が従来の5GBから倍増の10GBになったほか、フォルダやファイルの共有が可能になった。 今回のバージョンアップでは、最大保存容量が従来の5GBから倍増し、10GBまで保存できるようになっった。また、保存したファイルをフォルダ単位で共有できる機能を追加。NAVER会員アカウントを保有しているユーザー間でフォルダを共有できるだけでなく、共有相手にファイルの閲覧・ダウンロードを可能にするだけでなく、ファイル名の変更・追加・削除などの編集権限も付与できる。特定のフォルダにURLを発行し、パスワードを設定することで、NAVER会員ではない一般ユーザーともファイルを共有できる。URLの有効期限は30日間だが、期間中であれば公開期間を延長することもできる。 Nドライブ Nドライブ
終作、写真を撮るだけで部屋や家具の縦横高さを採寸するiPhoneアプリ「RoomRuler」 - MdN Design Interactive
（株）終作は、部屋や家具などを撮影してから寸法線を配置するだけで、その部分の寸法を瞬時に計算して、そのまま写真上に結果を表示するiPhoneアプリ、RoomRuler（ルームルーラー）をApp Storeで販売開始した。 同アプリは縦横高さ、さらには距離や面積などを同時に測ることができ、測定結果をメールやTwitterで送信したり、iPhoneのアルバムにも保存できる。写真上への直接記入や、メモの追加など、寸法記録用のアプリとしても使え、引っ越し、部屋探し、模様替え、家具や家電の購入、DIY、ガーデニングなどさまざまなシーンで利用が可能。 RoomRuler（ルームルーラー） 「RoomRuler」（iPhone/iPod touch対応、450円 ※2010年11月10日まで公開記念特価115円） 【iTunesが開きます】 ※価格は記事執筆時点のもので、変動する可能性があります。ご了承
ロジクール、クリエイター向け高性能ワイヤレスマウス「G700」 - MdN Design Interactive
（株）ロジクールは、クリエイター向け高性能・多機能ワイヤレスマウス「ロジクール ワイヤレスマウス G700」を9月3日に発売すると発表した。価格はオープンで、同社が運営するECサイト「ロジクールオンラインストア」での販売価格は9980円となっている。 同製品はマウスで緻密な作業を行うグラフィックデザイナーやCADオペレーター、プログラマー、編集者などプロのクリエイター向けに最適化されたマウスだ。使いやすい場所にプログラム可能なボタン13個が配置されているほか、快適な使用感が持続する曲線デザイン、高性能なレーザーセンサーなどでストレスなくスムーズにクリエイティブ作業が行える。 また独自の2.4GHzワイヤレス技術により、ワイヤレス接続時も一般的なマウスの8倍の速度で接続することが可能。さらに感度の調整機能も有しており、細かい作業では低感度に、効率的なカーソル移動が必要な作業では高感度に切り替
iPhone向けサイトがつくれるDreamweaver拡張機能 - MdN Design Interactive
Web制作を手がける（株）エイチ・ツー・オー・スペースは5月21日、Adobe Dreamweaver CS5またはCS4上で、iPhone向けサイト制作の負担を軽減する拡張機能、「iPhone site extension for Dreamweaver CS4/5」を発表した。Dreamweaverの「Extension Manager」よりインストールすることで、iPhone用WebページやWebアプリのテンプレート等の機能を追加する。ダウンロードは無料。 インストールすると新規ドキュメントダイアログに「iPhone用ページ」と「iPhone用Webアプリ」のテンプレートが追加され、すぐにiPhone用サイトを制作できる。また、iPhoneのデザインガイドラインにそった見出しやリストなどをCSS3を使って再現しているほか、挿入バーにiPhoneグループが追加され、デザインビューでの制
アマナイメージズ、動画素材の販売を開始 - MdN Design Interactive
（株）アマナイメージズは、同社運営のストックフォト検索・販売サイト「amanaimages.com（http://amanaimages.com/）」において、人物、風景、CGなどのHD動画素材の販売を開始した。企業の広告やプロモーション活動の制作コスト削減にも最適で、Web向けの番組や広告バターを制作するクリエイターの利便性を高めてくれる存在になりそうだ。 昨今、Webやデジタルサイネージなど動画を表示するメディアが普及する一方で、手軽に動画を編集できるソフトが普及してきている。本サービスでは、動画素材の販売を行うことで、ユーザーの創作活動に役立つビジュアル素材の選択肢を広げ、幅広く多様なニーズに応えていく。
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
アナログ感を生かしたグラフィック手法 - MdN Design Interactive
制作・文 三浦 悟（Sunny Sizes） url http://www.sunnysizes.com/ 使用ソフト Photoshop CS/CS2 最初に、紙にダーマトで矢印や塗り面を描き、スキャンする。続いて、これをPhotoshopで開いたら、イメージメニュー→“色調補正”→“2階調化...”で、ダーマトで描いた部分のみが強調されるようにした1-1。ここで、背景レイヤーのサムネールをoptionキーを押しながらクリックして、レイヤーに変換しておく。 1-1 次に、選択範囲メニュー→“色域指定...”で、白い部分をスポイトで指定して選択範囲を作成。このとき、白い部分全体に選択範囲が作成されない場合は、［許容量］の値を上げて調節しよう。ここでdeleteキーを押して、ダーマトで描いた部分以外を削除した2-1。さらにそのまま選択範囲を反転し、白で塗りつぶした2-2。ここではわかりやすい
美人時計のペット版「bijin-dog」をリリース - MdN Design Interactive
（株）美人時計は、かわいい犬の写真が1分ごとに切り替わって時間を知らせてくれるiPhone/iPod touch用アプリ「bijin-dog」をリリース。「はなデカ」で有名なペット写真家・森田米雄（もりたよねお）氏の作品の中から選んだ"bijin" な犬の写真144枚を使用している。 また、時計ボードは自由に移動や配置可能。さらに、画像をフォトライブラリーに保存することもできる。この他、写真の拡大/縮小機能やアラーム機能を搭載している。
MdN Design｜総合情報サイト
ペンツールがあれば、たいていの写真は切り抜ける。しかし、木や森、人物の髪の毛などといったアンカーが増えそうなものは、作業にかなりの時間が取られてしまう。また、うまくトレースダウンできないこともある。選択範囲を作成する方法はいくつかあるが、多くの場合、使用画像の前提として背景が単色であるなど、切り抜くことを意識して撮影を行う必要もある。 ここでは選択範囲の作成方法に、バージョンに左右されないアルファチャンネルを利用する例を紹介する。まず、写真画像の単色部分を抽出するため【1】、選択範囲メニュー→“色域指定”で色を設定する【2】。これをアルファチャンネルに貼り付ける【3】。アルファチャンネルにイメージメニュー→“色調補正”→“2階調化”をかけて、大まかに人物を抽出する【4】。選択範囲メニュー→“読み込み”から、該当のアルファチャンネルを選ぶと選択範囲がつくられる【5】。さらに、CS3以降ではク
はじめてでもできる！Twitter壁紙入門 - MdN Design Interactive
Web業界は、Twitterのサービス開始から使っている古参ユーザーが多いことで知られている。Twitterのページもカスタマイズされていて、見ているだけで楽しい。Twitterの画面はとてもシンプルだが、壁紙を設定したり、自由に配色を変更することができる。自分のページを魅力的でかっこいい（もしくは可愛らしい）デザインにアップデートすることが可能だ。本記事では、壁紙の作成、設定方法および注意点などを解説している。参考にして、人目を引くような壁紙づくりに役立ててほしい。 （2009年11月16日 文＝境 祐司） ［プロフィール］ さかい・ゆうじ●教育デザイナー。学校、企業の教育プラン、マネジメント、講演、執筆など。著書に『デザイナーなら絶対知っておくべき Webデザイン50の原則』ソフトバンククリエイティブ、『速習Webデザイン Flash CS4』技術評論社、『XHTMLマークアップ＆スタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モリサワ、UDフォント使用を表すロゴマーク「UDフォントマーク」を提供開始 - MdN Design Interactive
Adobe、Dreamweaver CS5 HTML5 Packの配布を開始 - MdN Design Interactive
MdN Design｜総合情報サイト
住所を知らないtwitterの知り合いにも贈り物ができる「GiftNow」 - MdN Design Interactive