WEBデザインの勉強だニャー

Photoshop・Illustratorのウェブデザインを勉強中!その他htmlやcss・javascriptの備忘録

超かんたん!市松模様でキーワードを目立たせるバナーデザイン

アドビIllusutratorを使ったバナーデザインの紹介。
ふだんスマホやPCで表示されるバナー広告。
広告だとわかっているから余程のことでない限りクリックしませんが、気になる商品の比較サイトのバナー広告はどう違うのか気になってクリックしてしまいます。

商品の特徴やキャッチコピーの売り言葉より「徹底比較」や「初回無料」などより見込み客のメリットの方が注目しやすいのかもしれません。

今回は徹底比較の文字をバナーデザインします。
↓完成デザイン
f:id:h__n:20160107232509p:plain

市松模様でキーワードを目立たせる方法

まずは長方形ツールで徹底比較がおさまる枠を作ります。(例:wide275px/height75px)

このときカラーは特にデフォルト指定で構いませんが、作業効率を上げるなら線が黒で塗りは白を設定しましょう。

そしてメニューバー→オブジェクトツール→パス→段組設定で列を4で間隔を0にすると一文字がおさまる枠が4つ並びます。

あとは枠内に一文字目の「徹」を入れて調整し、枠に対して垂直方向中央に合わせ微調整。そのまま文字を3回コピーして徹底比較の文字を完成させます。
(水平方向中央寄せは文字のバランスをみてそれぞれ調整します)
今回フォントは小塚ゴシックProにしました。文字と枠で記号やアイコン装飾のような一つの視点となるのが狙いです。
f:id:h__n:20160107234219p:plain
↓ちなみに小塚明朝Pr6Nだと枠内の余白が目立ち、文字のインパクトが弱いことがわかります。
f:id:h__n:20160107234307p:plain

小塚ゴシックProのフォントでさらび注目してもらうために市松模様で際立たせます。
こちらも簡単で一つ目の「徹」と三つ目の「比」を選んで塗りを黒に変更、同様に文字を白に変更。
これで市松模様の徹底比較文字が完成です!
f:id:h__n:20160107232509p:plain
慣れれば1分もかからないぐらいの作業ですので、Illustrator初心者の方はステップアップでチャレンジしてみるといいかもしれませんね。
(ちなみにわたしは10分以上かかりました...まだまだです)
バナーやチラシでよく見かける定番デザインですので、クラウドソーシングでバナーデザインをされている方は技の引き出しに入れておくといいかもです。

Amazonプライムミュージック使ってみた感想

「Amazonプライム会員は追加料金なしで100万曲以上の楽曲と数百のプレイリストが聴き放題」をキャッチコピーに、Amazonプライムミュージックが本日2016年11月18日スタート。

使ってみて、「音楽サブスクはAmazonプライムミュージックに決まり!」と1日で決心するほどの充実サービス。

日テレのSENSORSで音楽サブスクサービスの特集を何度か視聴したが、あれをみて「AWAとAppleミュージックの二軸が主流となるのかな」と感じましたが、今日で考えが一変しました。

音楽配信サブスクリプションサービス激震の日ですね。

AmazonPrimeMusicレビュー

まず使ってみて、AWAやAppleミュージックに比べて、新譜が少ない印象。
ツタヤなどレンタル屋さんで新譜がレンタルされるのが少し遅いのに似ていて、ある程度リリースから経過した曲(アルバム・シングル)ともにラインナップされています。
音楽視聴はAmazonミュージックというアプリを使います。
これがまた使いやすい。PCならワンクリックでログイン認証すれば起動します。
ワンクリックで曲やアルバムがライブラリに保存されて、「こうしたい!」という行動がワンクリックで叶うサクサク感が超らくちんです。
そして他のサービスに抜きん出ているのが料金。
年間3900円で「動画も見放題」「お急ぎ便無料」もついてくる大盤振る舞い。

  • Amazon Prime Music 年間¥3,900(月額換算¥325)
  • Apple Music 年間¥11,760(月額¥980)
  • AWA 年間¥11,520(月額¥960)

※2015年11月18日現在

他社に比べてAmazon Prime Musicは、およそ1/3の価格!

そして何よりAWAやAppleMusicを利用してプレイリストを充実させてほしい、見やすくしてほしいという気持ちが未だにありますが、AmazonPrimeMusicは最初からカテゴリ分けがしっかりできていて既に数多くあるのが強み。

  1. 読書・勉強・仕事
  2. パーテォ&エンターテインメント
  3. フィットネス・エクササイズ
  4. 癒しとリラックス
  5. 通勤・ドライブ
  6. 気分

大きなプレイリストカテゴリから細かく分かれて、たとえば「読書・勉強・仕事」をクリックすると、「勉強がはかどるジャズのプレイリスト」や「読書しながら聴くクラシック」など充実しています。
(もちろん通常のアーティストや曲名などの絞り込み検索も、アマゾンでの買い物同様何かしら検索でヒットするから便利)

わたしはAmazonプライム会員という事もありますが、来月からはAmazonプライムミュージック一択にしようと思います。
(圧倒的な低価格・プレイリストの充実が決めてになりました!)

AmazonプライムミュージックをBGMで音楽流して、新曲が気になったらYouTubeでPVを確認する、このスタイルになりそうです。


他社音楽サブスクサービスは価格では太刀打ちできないけれど、アーティストの距離感はアマゾンより近いイメージがあるので、iTunesフェスティバルのような生演奏を有料会員向けコンテンツとして充実させていくしか活路はなさそうな気がしますね。
この価格差はあまりにも大きい...

Amazon Music

Amazon Music

  • AMZN Mobile LLC
  • ミュージック
  • 無料

ios9広告ブロックの設定方法、Crystalが超カンタンだった!

ios9広告ブロック機能は標準搭載されていません

ios9の広告ブロック機能ですが、デフォルトで実装されているわけではありませんでした。
アドブロックアプリをダウンロードしたのち、歯車マークのiphone設定ツールでONにするという2ステップの手順が必要になります。

  1. appstoreでcrystalを入手
  2. 設定ツール内のsaffariアイコンをクリックし、その中のコンテンツブロッカーをクリックしcrystalを有効化


設定はかなりカンタンでした。


アドブロック系のユーティリティーアプリは既に数多くありますが、Dean Murphyのクリスタルというアプリを海外では使い始めているらしく、わたしもこれにしました。

firefoxの広告ブロックアドオンで有名なAdblockのように一度有効にすれば後は手間いらずで広告がなくスッキリ。

広告ブロック機能により、余計なデータ量受信を減らし、通信速度制限に毎月悩むユーザーには必須機能となりそうです。
注意Crystalはiphone5s以降の機種から設定が可能です。

Crystal - Block Ads, Browse Faster.

Crystal - Block Ads, Browse Faster.

  • Dean Murphy
  • ユーティリティ
  • 無料

ios9エラー、itunesでアップデートするとすんなり!

iOS9アップデートはiTunesで行うとスムーズです

ios9でニュースアプリや広告ブロック機能が実装されるときいて、早速アップデートを試みましたが何度やってもダウンロードエラー。

PCやMacにインストールしているiTunesからアップデートすると簡単にできました。

iphoneニュースアプリ見やすいし、広告ブロック機能恐るべしです。
広告ブロック機能は標準搭載されていませんでした。
カンタンですが、アプリのダウンロードが必要です。designer.hateblo.jp


docomo版 iPhone 6 64GB ゴールド 白ロム Apple 4.7インチ

docomo版 iPhone 6 64GB ゴールド 白ロム Apple 4.7インチ

「浦沢直樹の漫勉」ファーストシーズンの漫画家4人が豪華すぎる!

日本を代表する漫画家浦沢直樹の漫勉が装いを新たに帰ってきました!
2014年放送されて話題を呼んだNHK特別番組「漫勉」
普段入れない漫画家の創作現場にカメラを配置し、定点観測する番組。
漫画家のペン先からうまれる壮大なドラマ、真っ白な紙に作品がうまれる瞬間が観れる!
浦沢直樹 原画集・イラストブック 漫勉

漫画家の創作活動を後世に残そう、漫画家の仕事ってこんなに苦悩の連続だけどこんなにカッコイイんだぜ!と漫画家さんの考えやタッチに迫るドキュメント番組。
昨年の漫勉はかわぐちせいじ(代表作「沈黙の艦隊」「太陽の黙示録」)と山下和美(「天才柳沢教授の生活」「不思議な少年」)に迫りました。かわぐちさんの作風の変化や、山下さんの少女漫画から青年漫画への移行など他では観ることも聞くこともできないお話エピソードばかり。
浦沢さんの鋭い観察眼と丁寧な解説で新たな発見を得て、読み返したくなるのも魅力の一つですね。

www.nhk.or.jp

浦沢直樹の漫勉ファーストシーズンは4人!東村アキコ・藤田和日郎・浅野いにお・さいとう・たかを

豪華漫画家のペン先が観れるものワクワクしますし、それぞれ作風が全く違うので見応えあり!
NHK漫勉はEテレで放送されます、放送時期は以下、永久保存版ですね。

漫画家 放送日 代表作一例
東村アキコさん 9月4日(金)午後11時〜11時44分
かくかくしかじか 1 (マーガレットコミックスDIGITAL)
藤田和日郎さん 9月11日(金)午後11時〜11時44分
うしおととら(1) (少年サンデーコミックス)
浅野いにおさん 9月18日(金)午後11時〜11時44分 ソラニン(1) (ヤングサンデーコミックス)
さいとう・たかを 9月25日(金)午後11時〜11時44分
ゴルゴ13(1)

東村アキコ『雪花の虎』原稿締切り現場に密着![漫勉]

漫勉ファーストシーズン記念すべきお一人目は東村アキコさん!
マンガ大賞2015を『かくかくしかじか』で受賞されて、今5つの連載を抱えている売れっ子漫画家。

かくかくしかじか 1 (マーガレットコミックスDIGITAL)

かくかくしかじか 1 (マーガレットコミックスDIGITAL)

取材日は『雪花の虎』原稿締切り最終日に密着取材。

迷いがないような驚異的執筆スピードと、表情豊かな人物描写のこだわりに迫ります。
浦沢さんとの対談は東村アキコプロデュースの宝塚ファンが集まるBARで対談。
ネーム中寝てしまうあるあるなどここでしか聞けない話ばかり。

執筆スピードについて、「あたまの中にあるものを、イタコのように書き写している感じなので迷いが少ない」というのが興味深かったです。
生い立ちにも触れていて、20代前半だと思っていたのでビックリしました!おキレイです!

雪花の虎 1 (ビッグコミックス)

雪花の虎 1 (ビッグコミックス)

藤田和日郎「描いてみりゃいいんです、漫画ってね」[漫勉]

漫勉ファーストシーズン二人目は少年漫画第一人者の藤田和日郎さん。
代表作『うしおととら』をはじめ、いまもワクワクするようなアクション映画を描き続けている。

今回もプロの漫画家も驚く執筆スタイルで盛り上がった内容!
驚きの執筆手法、魔法の道具、さらにはネームの原動力となるヘビメタ・アイデアノート(物語の登場人物などのスケッチ集)・資料用オモチャなど惜しげも無く披露されました。
集中するときは集中して、しゃべるときはしゃべる!完成したらアシスタントたちとハイタッチの儀式などチームワークの良さも参考になります。

(藤田)一コマ目を描いたら、次の日は二コマ目になるんだから。
描くことが大事、描き続けること。
(浦沢)白紙はずっと白紙のまま

黒博物館 ゴースト アンド レディ 上 (モーニング KC)

黒博物館 ゴースト アンド レディ 上 (モーニング KC)

漫画だけでなく、すべてのチャレンジャーにとって学ぶことが多い回でした。

パソコンを使って斬新な絵を描く漫画家、浅野いにお

漫勉ファーストシーズン3人目は『ソラニン』『さよならプンプン』の浅野いにおさん。
今までデジタル処理している漫画はラクなのかな?と思っていましたが、浅はかでした。
細かくできるだけ細かくしたいという浅野さんのこだわり、見ているだけでも息が詰まりそうなほど細かい作業。
写真を使った背景作業の処理で、デジタルの完璧な線では数式で表現できるから、それはつまり誰でも書ける線、目立つところはアナログでわざと雑な感じで手を加えていく。
アクシデント的なアナログ要素、隙をつくる、隙をつくるということは大事で、実際あまりハイクオリティーなものは読者は求めていない。

浅野さんの読者を楽しませたい、新たな表現を生み出したいという強い想いを感じる回でした。

クラウドファンディングで話題の携帯型iPhoneLightningコネクタ2選!

屋外でいざという時に役立つ、携帯型iPhoneLightning

クラウドファンディングで出資比率の高かったiPhoneLightningコネクタを紹介します。
周りで「お医者さんはいますか〜」という現場には遭遇したことがありませんが、「誰かiPhone充電器持ってませんか!」というのは何度か遭遇したことがあります。
スマホは生活の手段として重要なツールであるので、電池切れはライフラインの一部を絶たれるようなものといっても過言ではない。
既製品についている長めのLightningケーブルなど持ち運びが面倒で必要性にはかられるけど、持ち出さない。
それを解消してくれるのが、今回紹介する2つ。
どちらもクラウドファンディングで成功した商品です。
まずは、イチオシのこちらから。

8種類のツールを一つにしたWODERCUBE

indiegogoで出資額464%達成のクラウドファンディングヒット商品。
ワンダーキューブ8つの機能は下記。

  • iPhoneコネクタ
  • 電池蓄電ソケット
  • スマホ吸着スタンド
  • 記録メモリ
  • ミニライト
  • PC同期
  • 充電
  • 画像データをキューブに転送(現状Androidのみ対応)
この充実の機能がキャラメルのような小さい四角形に収まっている!

仕様によって価格が異なり、オススメが16GBメモリのワンダーキューブ$65(送料$10別)。

www.youtube.com

MicroUSB・Lightningコネクタ・USBが一つになったテトラポットキーリングEcho Keys

こちらも捨て難い商品。
MicroUSB・Lightningコネクタ・USBが三つに枝分かれして、デザインもかっこいいですね。
(こちらは日本で発売されています)

www.youtube.com
どちらも出資するか迷ったけど、iPhone7がコネクタ変えたら買い換えないといけないから少し様子見するかどうか、物欲を抑えるのが大変。

StratosCard、全てのカードこれ一枚でひとまとめ!

日本版WIREDお金の未来特集の冒頭、若林編集長のコラムに添えられた写真。
iphone6Plusの裏に収納型カードケースがついていて、stratos(ストレイトス)の文字。
調べてみると、カード情報を一枚のStratosCardにまとめることができるようです。
Stratos紹介動画ではガソリンスタンド・空港・ATM・タクシー・レストランとカード社会のアメリカでも全く新しい支払いを体験できることをアピールしています。www.youtube.com

会員制のバーでStratosでカード入室して、店員にカード渡しちゃってますね。
Bluetoothでスマホがトリガーになっているから悪用されたりスキミングの被害を防げるということでしょうかね。
スマホでStratosCardを認識させるための、リーダー説明動画もあり。www.youtube.com

Stratos、2012年設立で三年後にサービス開始か、すごいスピード感。
Stratos Raises $5.8M To Build An All-In-One Connected Credit Card
日本でも電子マネーのsuica・nanaco・waon・楽天Edyなど全部まとめれたら、嬉しいですね。

WIRED VOL.16 (GQ JAPAN 2015年6月号増刊)

WIRED VOL.16 (GQ JAPAN 2015年6月号増刊)