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

Browse By

[Logo] WorldVectorLogo – 企業やブランドロゴのベクターデータアーカイブ

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

企業や企業ブランドのロゴデータを、ベクター形式で配布しているサイト。各ロゴデータはSVG形式で用意されています。Web系企業だけでなく広く様々なジャンルの企業ロゴが用意されていて、またそれぞれの深掘り感もスゴいです。例えばAppleで検索すると、懐かしい6色リンゴから最近の単色ロゴだけでなく、Apple PayやApple Watch, さらにはThink differentキャンペーンのロゴまで用意されてます。あとはLatest DownloadsやMost Downloadedといった条件抽出もできます。メジャーな企業に関するロゴデータならだいたい揃うんじゃないかという印象。ちょっと大きめの仕事する時のデザインカンプ制作なんかに役立ちそうです。

[Sketch] Wireframe Prototyping System – プロトタイピングに便利なSketch用テンプレート

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

プロトタイピングに便利なSketch用テンプレートファイル。PC用とMobile用があり、またダーク系・ライト系合わせて4種類のテーマが同梱されています。まとめて全部ダウンロードする事ができ、$0で指定すれば無料で手に入れる事ができます。ワイヤーフレーム描く時に使えそうです。WebディレクターやIAやってる人などに是非。

[Print Design] PaperSizes – 様々な用紙サイズをまとめたサイト

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

様々な用紙サイズを分かりやすくまとめたサイト。よくあるA3, A4、あとBとかC系の用紙サイズはもちろん、国ごとに用いられる用紙サイズなどもサクっと抽出できるような作りになってて便利です。また各用紙の詳細ページに入る、もしくは一覧ページの右上からは、単位の変更もできます(デフォルトはmm)。用紙のサイズってイラレに全部プリセットされてるわけじゃないので、印刷物制作を始める時なんかに便利そうです。Illustratorのお供に。

[Mac App] Numi – 文章で計算できる計算機アプリケーション

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

文章で計算を行えるシンプルな計算機アプリ。例えば「Price: $10 x 4」で$40と掛け算したり、「today + 17 days」で17日後の日付を出したり、様々な単位を扱えるようです。また変数を宣言して代入する事で複雑な計算を行う事も可能。シンプルでありながら多機能です。日本語が通らないので英語とかで書く必要があります。計算機ではちょっと役不足で、けど表計算立ち上げるほどではない、って時なんかに便利そうです。

[Mac App] Muzzle – 恥ずかしい通知を一時的に全オフしてくれるアプリケーション

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

仕事とか打ち合わせとかの場で急に友人からの恥ずかしいメッセージが来たりすると困るから仕方なく通知オフにしているけど、ホント言うと俺は通常時には通知をオンにしたいんだよぉぉぉ!けどいちいち変更すんのメンドいんだよぉぉぉ!!というMacユーザーの皆様、これ便利ですよ。アプリケーション立ち上げるだけで一時的に通知をオフってくれます。打ち合わせとかでクソデカいディスプレイに画面出力してる時に、画面右上に3文字言葉とか出ちゃうとそれこそ阿鼻叫喚ですからね。ちょっとの間だけ黙っててネ、という時に使えそうです。

[Web App] Tempo – タイマー機能の付いたタスク管理Webアプリ

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

タイマー機能の付いたタスク管理Webアプリ。というよりもタイマー機能が主役という感じで、1つのタスクを終わらすのにどれだけの時間がかかったのかをログ取りするような使い方に向いてそうです。秒速でタスクをさばいていく敏腕プログラマーの方に是非これひとつ。

[Mac App] Touch Bar Preview – MacBook Proのタッチバーに画像を表示させるアプリケーション

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

MacBook Proのタッチバー、俗に言うお触りバーに画像表示させるためのアプリケーション。起動して画像ファイルを放り込むだけでお触りバーに画像表示できるようです。普通に考えればMac用AppのUIデザインする際に使えそうなんですが、ネタ用途にもバリバリ使えそうな気もします。あと他人へのイタズラとか。せっかくのお触りバーなので、意味の分かんないものを表示させてニヤニヤするのも楽しそうです。アニメGifとかイケると最高なんですけどね。

[Cheat Sheet] Bootstrap 4 CheatSheet – Bootstrap 4のチートシート

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

Bootstrap 4のチートシート。v4ってまだAlpha版なんだけど、わりともう実用段階ではありますよね。仕事ではまだv3系使ってはいるけど、ヘルプとか探すとv4のものが上位ヒットしたりし「あー違うんだよ3のヘルプを探してんだよ」みたいな事がよくあります。
というわけでこちらのチートシートですが、カテゴリごとに分けて紹介されており、詳細に行くとコードとリザルトが分かりやすく見れるようになっています。個別にヘルプ探さなくても、このページさえ開いてれば結構色々解決できそうです。v4使ったコーディングのお供に良さそう。