ラベル デザイン の投稿を表示しています。 すべての投稿を表示
ラベル デザイン の投稿を表示しています。 すべての投稿を表示

2011年10月8日土曜日

AppStoreHelperが使えないWindowsユーザーに告ぐ!!AppHtmlで作るBookmarkletが超便利

BloggerApp
価格: 無料
公開日: 2011/09/08
バージョン: 1.0.0

日ごろ使っているiOS用のアプリケーションを紹介するときにリンクが貼ってあると、とても親切。
macユーザーであればAppStoreHelperを使えばあっという間に作成できるようなのですがWindowsでは使えない。

参考:神速でAppStoreのアフィリエイトリンクが作れるMacアプリ「AppStoreHelper」

いろいろ調べてみてAppHtmlメーカーを見つけた。

いろいろ調べてリンクを作る

アイコンの画像を貼るだけならそんなに時間はかからない。
参考:google+の公式iOS用アプリが公開されていた
このエントリーではアプリの情報が薄く、あまり親切な紹介ではない。

このとき思ったのが他のブロガーさんたちの、アプリ紹介のリンクの貼り方がとてもスマートで親切だということ。そこでいろいろ調べた。ソースを覗いたり、検索かけたりして分かったことはアフィリエイトでリンクシェアに登録してあることだった。

登録を済ませ、さっそくリンクを作成してみた。予想とは少し違った。

何種類かリンクの貼り方があったのでいくつか試してみた。

▼商品リンクの検索からリンクを作成した例(画像)


▼商品リンクの検索からリンクを作成した例(テキスト)
Blogger

▼リンクビルダーでリンクを作成
icon
icon

▼iTunes Link Make でリンクを作成
Blogger - Google

▼Widget Builderで作成した例 (これは大分違う)



Widget Builderは目的が違うので少し異質だけど、商品リンクとiTunes Link Makeを組み合わせれば見た目は近づける気がする。ただ、えらく時間がかかる。いろいろやってみたけど最初の目論見だと、LinkShareでリンクを作ればみんなと同じような形式で出来上がるもんだと思っていた。でも、そんなリンクの作成方法は無い。みんなはきっと違う方法でリンクを造っているはずだ。
もう少し調べてみる。

みんなマックユーザーなのか

いっぱい検索してたどり着いたのが「AppStoreHelperを使ってるよ」ということ。良く見ていたのはこの形式のものだ。探してたのはまさしくこれ。
LinkshareのAppStoreのアフィリエイトリンクを神速でつくれるMacアプリで、ひとりぶろぐ@hitoriblogさんが開発したとの事、凄い。

ではどうやって使うのかな?あれ?良く見るとmacオンリー、でも自分はwinユーザー(泣 、どっと疲れた。

こつこつ作るしかないかなと思いかけていたとき、偶然見つけた。  「AppHtmlメーカー」  ブックマークレットを使ってリンクコードを生成するのだそうだ。


AppHtmlメーカーを使ってbookmarkletを作成

まずはこの記事の内容を熟知する → iOS/Macアプリ紹介のAppHtmlが大幅リニューアル

●BookmarkletメーカーをつかいBookmarkletを一瞬で作りブラウザのお気に入りにして使用する。
●AppHtmlメーカーを立ち上げ、一通り設定をしたら「Bookmarkletを生成する」ボタンを押してできたものをブラウザのブックマークに登録する。
●紹介したいアプリのページに移動してブックマークに登録したBookmarkletを選択。
●ダイアログに従ってコードを生成しコピペでブログに貼り付ける。

以上が大まかな流れ。


では実際にやってみる

1. AppHtmlメーカーを開く




2. せっかくLinkShareに登録したのでリンクシェアIDを入力する。入力しなくても空白でも機能する。

3. AppStoreHelperみたいなレイアウトにするためにカスタマイズする。
下のように書き換えてペースト。
<a href="${linkshareurl}" target="_blank" rel="nofollow">
<img width="100" class="alignleft" align="left" src="${icon100url}" style="border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;box-shadow: 1px 4px 6px 1px #999999;-moz-box-shadow: 1px 4px 6px 1px #999999;-webkit-box-shadow: 1px 4px 6px 1px #999999;margin: -5px 15px 1px 5px;">
<strong> ${title}</strong>
<img src="http://r.mzstatic.com/htmlResources/2338/images/viewinitunes_jp.png" style="vertical-align:bottom;" width="90" alt="App">
</a><br>
価格: ${price}<br>
公開日: ${pubdate}<br>
バージョン: ${version}<br style="clear: both;">

4. 「Bookmarklerを生成する」ボタンをクリック。

5. 下の方にテキストエリアに打ち出されたコードができるので全体をコピー。

6. ブラウザのお気に入りに登録する。

7. App Storeに行き、紹介したいアプリのページに移動してブックマークに登録したbookmarkletを選択。

8. ダイアログに従いコードを生成。

9. 出来上がったコードをブログにコピペ。

とっても苦労したけど思っていた通りのリンクになった。

BloggerApp
価格: 無料
公開日: 2011/09/08
バージョン: 1.0.0

カスタマイズしたテキストの太文字の箇所は予約語でどの個目のデータを持ってくるか指定することができるので自分の好きなようにレイアウト可能。
予約語一覧
アプリ名 ${appname}
バージョン ${version}
価格 ${price}
タイトル ${title}
カテゴリ ${category}
サイズ ${appsize}
発売日 ${pubdate}
販売元 ${seller}
販売元サイト ${sellersite}
販売元 iTunes ${selleritunes}
アイコンURL ${icon175url} ${icon100url} ${icon75url} ${icon53url}
リンクシェアURL ${linkshareurl}
アプリURL ${url}
稼働条件 ${moveos}
メインOS ${os}
ゲームセンター対応 ${gamecenter}
ユニバーサル対応 ${univ}
言語 ${lang}
レーティング ${rating}
現バージョン評価 ${curverrating}
現バージョン星 ${curverstar}
現バージョンレビュー数 ${curreviewcnt}
全バージョン評価 ${allverrating}
全バージョン星 ${allverstar}
全バージョンレビュー数 ${allreviewcnt}
アプリ説明 ${desc}
新機能説明 ${descnew}
スクリーンショット ${image1} ~ ${image5}
Univスクリーンショット1 ${univimage1} ~ ${univimage5}

感謝します。:http://iphone-diary.com/

  
 
iTunesアフィリエイトを利用するにはリンクシェアの登録が必要です。
無料なので登録だけでもしておいては如何でしょうか?
アフィリエイトならリンクシェア



2011年9月24日土曜日

デザインの基本的な考え方を再構築

concrete forms (23)
concrete forms (23) / Concrete Forms

長い間、商業施設・店舗デザイン設計に関わりを持ち、様々なデザインに触れ、また、自身でも数知れずデザインしてきた。
デザインを学問的に学んだことは無いけど、大学で学んだ建築における基礎知識と実践で積み上げてきたノウハウで店舗デザイナーとしての役割を果たしてきた。しかし、最近になって「これでいいのか?」と思えるものが多くなってきた。「誰のためのデザイン?」と。

「デザインって何?」って事で基本な考え方を再構築してみる。


デザインとは意匠計画

初対面のときの名刺交換の際、「設計の・・・です。」と「デザインの・・・です。」では相手のリアクションが違う。
理系的言葉の「設計」と文系的言葉の「デザイン」。自分にとってはまったく同じものなのだが、言葉にすると違う印象を受けるようだ。

センスや美的感覚だけではデザインすることは難しい。

店舗でも住宅でもプロダクトでもグラフィックでも、最終的に形になるものがあり、機能すべき事があり、組み込まれる要素があり、それらを計画的に組み立てていくことがデザインだと考えている。すべてのものには意味があり、それを正確に読み取り組み立てていくことがデザインだと。


デザインの6要素

デザインの要素としてはざっくり言って6種類。
何をデザインするかで多少重要度は変わるが重きを置くもの順に書き出していく。

フォルム:形のこと
形には必然性がある。何故この形なのかを見つけ出すことはとても重要。
自分の場合、半分はこの試行錯誤。

カラー:色
印象に一番影響がある要素。同じモノでも違って見える。

テクスチャ:質感
人が触れる時、本能的に感じる度合いが違うものなので、相手によってはとても慎重に選択する要素。

レイアウト:配置
2次元でも3次元でも空間をデザインするとき全体の印象を決める要素。

バランス:比率
とてもデリケートな要素。さじ加減一つでどうにでもなるのでスパイスだと思っている。

トーン:明暗
仕上げの要素。綺麗にまとめると上品に、ラフにまとめるとダイナミックになる。

全てこれにあてはめて、考えているわけではないけど、このように要素ごとに区分して整理していくとイメージの世界が具体的な表現となってまとまってくる。


それぞれの要素を原理に基づいて組み立てる

読みやすいブログにするためにやるべきこと!!(デザイン編)
でも書いたけど、それぞれの要素を組み立てる時に必ず考慮すべき原理が4つある。

関連性の高いモノは近づける。(近接の原理)
見えない線を使って整列させる。(整列の原理
強弱を使いリズムを意識する。(対比の原理)
統一感が出るように反復させる。(反復の原理

要素を原理に従い構築させる。迷いが起こったときはどれが最重要なのかを自問自答し、その中で決定していく。


まとめ

「デザインすること」は自分の場合、誰かのためにやる作業なので、相手に納得して貰わないと意味が無い。
その作業は模範解答はあるけど、本当の正解を見つけることは究極に難しいし、まず無理だ。

だからこそ、ここに書いたような考え方で自分自身でまず納得し、論理的にプレゼンして理解を貰えるようにしている。

ただ、これまでヒヤリングを丁寧にし、内容を十分理解した上で手掛けたデザインは、その図面とパースを見てもらっただけで、何も説明しなくても気に入っていただけた。

その快感が今まで続けてこれた理由なのだろう。