Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Category Archives: Misc

[Generator] iPhone Screenshot Maker – iPhoneと任意の画像のハメ込み合成を作れるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

iPhoneのディスプレイ部分に、任意の画像をハメ込み合成できるサイト。iPhone以外にもiPad、Mac、AppleWatchなどもあります。あとなぜかゲームボーイもあります。各端末の解像度はサイト内に書いてありますが、サイズが違っていた場合にどうするかなどの細かいオプションなども指定できます。Photoshopが手元にない時や、ノンデザイナー系の人にオススメ。

[Misc] Motion Periodic Table – モーショングラフィックの周期表

  • Pocket
  • このエントリーをはてなブックマークに追加

モーショングラフィックの要素を、元素の周期表のようにならべた作品。それぞれの動きはアニメーションGifを使って紹介されています。また各項目をクリックすると詳細説明の画面に行き、動きの説明や作例、関連項目などの説明があります。動画制作とかしてる人にとっては、アニメーションやトランジションの考察として使えそう。Webでもマウスオーバーアニメーションなんかの参考になりそうです。

[Misc] Apple – Every Second – Apple製品が毎秒どれくらい売れているのかをシミュレートするサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Apple製品が世界中で毎秒どのくらい売れているのかをシミュレートしたサイト。毎秒ごとにカウンターが更新され、それこそアホみたいにデバイスが買われている様子を見る事ができます。ちょうど先週10億台目のiPhoneが売られたそうですしね。アメリオ時代を知る俺みたいなオッサンマカーにとっては今の状況は信じられないというのが正直なところ。あとこれ見ててオモしろいのが、Apple WatchとかiPad Proって、Macより売れてないんスね。もうちょい売れてんのかと思った。つーかそろそろ新しいMacが欲しい。Mac miniアップデートしてくれ・・・。

[Wallpaper] Desktoppr – Dropbox同期も使える壁紙検索サイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Dropboxと同期して使う事のできる壁紙配布サイト。各壁紙の詳細ページには、通常のダウンロードに加えてDropbox Syncボタンが用意されているので、ローカルマシンを経由せずに直接Dropboxに保存する事ができます。自分もこの手の壁紙ファイルは全部Dropboxに保存して複数Macで共有しているので、似たような使い方をしてる人には便利な仕組みだと思います。通常の壁紙配布サイト同様、解像度や追加時期、Favの数による抽出もできます。

[Misc] The True Size … – メルカトル図法による認識の誤りを正してくれる地図

  • Pocket
  • このエントリーをはてなブックマークに追加

見慣れたメルカトル図法の地図による認識の誤りを正してくれるマップ。メルカトル図法って分かりやすく平面に地図を表してくれる反面、元々3次元のものを2次元化する際に極地ほどX軸に引き伸ばされちゃうんですよね。その結果赤道付近の国に比べて、極に近い国は本来より大きく表示されちゃう。その代表的な例がグリーンランドで、世界地図上ではやたらデカいのに実際には言うほど大きくなかったりします。このサイトではそうした地図の特性を補正した上で、任意の国を相対的に他の国と大きさを比べる事ができます。デフォルトでアメリカ、中国、インドがアクティブ(ドラッグできる状態)になっているので、北極の方まで持って行きましょう。すると、その国が仮にその位置にあった場合どの程度の大きさで表記されるかが分かります。新しく国をアクティブにする際は、画面左上の検索バーから呼び出す事ができます。試しにグリーンランドとかアラスカ(アラスカは国じゃないけどなぜか単独でアクティブにできます)あたりを赤道付近に持ってくると、あーこんなもんなのか、とか思います。世界の大きさを知る上でなかなか興味深い試みですな。

[Misc] The Restart Page – 様々なOSのリスタートダイアログと、再起動時のアニメーションをまとめたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

様々なOSのリスタートダイアログと、その後の再起動の様子をアニメーションで紹介するサイト。よく出来てるなーと思ったのが、Windows系のダイアログの上にマウスポインタ持ってくると、ちゃんと白矢印になるんです。もちろんMac系なら黒矢印になります。各ダイアログはドラッグする事で移動する事もでき、「Restart」ボタンを押すとそれぞれのOSに応じた再起動プロセスがアニメーションで始まります。NextとかBeOSといった、変化球OSも用意されています。あとSystem 7系のリスタートダイアログも懐かしいですな。

[Misc] O RLY Cover Generator – オライリー本のカバージェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

Web関係の仕事してる人なら誰でも知っている、オライリーメディアのアニマルシリーズ。通称オライリー本の表紙画像を作れるサイト。自分の好きなようにタイトルや著者名を入力でき、ソレっぽい表紙を作る事ができます。動物の絵は40種類、カラーパレットは16種類用意されていて、この中から好きなものをチョイス可能です。カラーパレットのチョイスが、いかにもオライリー本にありそうなちょっとくすんだ色ばかりで「あー分かってるなー」感があります。ひとつ残念なのは日本語が使えない事。ですので英語版のつもりで作りましょう。作った表紙は大きいサイズでダウンロードする事もできます。

[Misc] This Redditor Is Turning Random People’s Photos Into Movie Posters – どんな写真でも映画のポスターにしてしまう職人さん(技術の無駄遣い)

  • Pocket
  • このエントリーをはてなブックマークに追加

どんな写真でも映画のポスター風に加工してくれる人がRedditで話題になっています。「あーこの手の職人さんてどこの国にもいるんだなー」とか思って見てみたらビックリしました。クオリティがはんぱない。加工技術といい発想といい、プロの仕事ですねこれ。特にスゲぇなーって思うのが発想の柔軟さ。元がなんでもない写真なのに見事に「何か意味がありそうな」1枚に変化しています。素材のロテイトやトリミングによって意味を持たせるという手法が多い気がします。ネタとしてもスゴいんだけど、グラフィック・デザインのネタ帳にもなりそうです。リンク先は彼の投稿をまとめた記事だけど、Redditの方ではまだ続いているようで、新しい作例が随時追加されています。