無料でスタートアップ企業っぽい素材写真をゲットできる「Startup Stock Photos」
キレイに整ったオフィスやミーティングの様子など、いかにもスタイリッシュな「スタートアップ企業」のイメージが漂う素材写真を無料でダウンロードできるサイトが「Startup Stock Photos」です。 Startup Stock Photos http://startupstockphotos.com/ 画像のダウンロードはカンタン。各画像の下部にある「Download」をクリックすると別ウィンドウで画像が開くので、あとはローカルに保存すればOKです。 ブレインストーミングっぽい雰囲気の写真や…… いかにもな雰囲気のデスク周り 会議をちょっと離れたところから眺めた写真 クリーンに整えられたデスク その他にも、いろいろと使えそうな写真がそろっていました。 なお、Startup Stock Photosでは定期的に新しい写真が追加されている様子。ページをスクロールしても全ての写真を確認するこ
Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE
Flashbak
Stephen Harmon shows us the faces of OTB before it went the way of the Automat and the Times Square peep show ...
Amazonの商品画像を好きなように切り抜く「Clilin(くりりん)」
自分のブログで本やガジェットを紹介したいとき、Amazonの商品画像を使うと非常に便利。もしアフィリエイトをやっている人なら、そこに自分のアフィリエイトIDを入れれば多少なりとも収入も入って言うことはありません。 そんな時に便利なのが、商品画像を好きなように切り抜くことができるネットサービス「Clilin(くりりん)」です。直感的にわかりやすいインターフェイスで、自分の好きなように画像を切り抜けるので、普通に画像を貼り付けるだけとは違うちょっと雰囲気の違うサイトを作ることが簡単にできるようになっています。 Clilin - くりりん：amazon画像切り抜きサービス http://frieco.ddo.jp/clilin/ 書籍「未来への暴言」を使って、実際に画像を作ってみることにします。まずは検索結果から「これを編集する」をクリック。 編集画面。画面左側のパラメータをいろいろといじくって
ネガティブスペースを使った見ているだけで面白いロゴデザイン35種類
By ssoosay 「対象物の間にある空間」をアート用語で「ネガティブスペース」といい、ネガティブスペースを利用した代表的な作品は「ルビンのつぼ」といわれる、つぼの回りのネガティブスペースを使って2人の男性の顔が向かい合うところを表現している作品です。ネガティブスペースを利用する手法はロゴデザインでも使われることが多々あり、パッと見たときにわかるロゴ部分だけでなく、ロゴ以外の部分に注目すると違うイメージが浮かび上がります。 Design Inspiration: Negative Space Logos and Symbols http://briandelaney.me/design-inspiration-negative-space-logos-and-symbols 01:Two girls & a Key logo 02:4x (fox) logo 03:Moetivs Pet
閲覧者の印象に残る、赤を基調としたウェブサイトデザイン35パターン
パッと見ただけで閲覧者の印象に残りそうな、「赤」を基調として構成されているウェブサイトデザイン35パターンです。赤は印象的な分だけ上手に使わないとサイトの見た目がうるさくなってしまいがちですが、うまくまとめることで魅力的なウェブサイトデザインを作り出せます。 A Round up of Red-Colored Websites Design 1：Cafe Rouge 赤い鍋と背景がよくマッチ。 2：MetroStation 小ぎれいにまとまっているウェブサイトデザイン。 3：Intensity in Ten Cities ロケットが印象的です。 4：Grafik さまざまな濃さの赤が使われています。 5：Northern Classics 背景が暗めの赤。 6：New Hampshire Distributors, Inc. 渋めの赤によってどこか落ち着いた高級感のある雰囲気に。 7：Th
無料で商用OKなマンガの吹き出しにも使える明朝体かな＆ゴシック体漢字フォント「やさしさアンチック」
「M+（エムプラス）フォント」「IPAex明朝」「IPAexゴシック」の3種類のフォントを合成しオリジナルの文字を加えて加工することで、マンガの吹きだしや辞書の見出し・絵本などで利用される明朝体かなとゴシック体漢字が組み合わされた独特のフォントとなっているのが「やさしさアンチック」です。フォントは印刷物およびデジタル・コンテンツにつき商用・非商用に関わらず利用可能です。 フリーフォントやさしさアンチック（漫画用書体）のダウンロード | フォントな情報。オープンソースの安心フリーフォント http://www.fontna.com/blog/1122/ コミック用アンチックフォントはアンチゴチとも呼ばれる、明朝体とコミック体が組み合わされた太めの書体のことです。通常のアンチック体よりも太みの差が少なく、漢字との統一性が高いデザインで、全体の印象はスッキリと風通しのいいものとなっています。 実
Tumblrで同人音楽CD特設サイトが簡単に作れるレスポンシブなテンプレート「Tokusetsu」
HTMLの知識を必要とせず、フォームに情報を入力していくだけで同人音楽CD特設サイトが完成するTumblr用のテンプレートが「Tokusetsu」です。 ヘッダ画像・ジャケット画像・ソーシャルボタンの有無・背景画像・フォントをカスタマイズでき、テーマカラーも白・黒の2種類から切り替え可能、タブレットやスマートフォンの閲覧にも対応したレスポンシブデザインとなっており、SoundCloud/YouTube/ニコニコ動画の貼り付けに対応、お知らせページやZIPファイル配布ページに使える固定ページを何個でも作成でき、ページへのリンクは自動的にヘッダに追加されるので管理が簡単、しかもFacebookなどのSNSでシェアされやすくなる OGP（Open Graph Protocol）があらかじめ設定してあるという親切設計となっており、かなりよくできています。 Tokusetsu - 同人音楽CD特設サ
ウェブ業界で流行しているフラットデザインの利点と欠点
Windows 8のUIやGoogleのアイコン、Appleの新しいiOS7、さらにはFirefox 23のアイコンにまで使われているフラットデザイン。そんなフラットデザインがインターネット上で流行しているのかどうか、このデザインの特長は一体どういった点なのか、ということを実際にウェブ業界で働くプロ100人に対して調査したレポートが公開されています。 Flat Web Design Is Here To Stay - The Usabilla Blog http://blog.usabilla.com/flat-web-design-is-here-to-stay/ 調査はウェブ業界で働くプロフェッショナル100人に対して行われました。調査対象者の職業は以下の通りで、ウェブ業界で働く人々をまんべんなく調査しています。 調査の参加者にフラットデザインについて最初に思い浮かぶ単語を尋ねると、以
約1万6000円の激安ノートPC「Acer C7 Chromebook」発売、Chrome OS搭載
AcerがChrome OSを搭載したノートPC「C7 Chromebook」を発売します。価格は199ドル(約1万6000円)で、すでに公式サイトには注文ボタンが登場しています。 Chromebooks: Acer C7 Chromebook http://www.google.com/intl/en/chrome/devices/acer-c7-chromebook.html Chrome OSは「あらゆる場所で、専門知識不要で、誰でも簡単にネットを利用可能にしていこう」ということを目指し、Googleが開発したOS。すでにChromebookを搭載したPCとしてはSamsungから「Samsung Chromebook」と「Samsung Chromebook 550」が発売されており、Acerがそれに続く形となります。 画面は11.6インチ(1366×768ピクセル)、インテルCo
見ているだけで楽しめる、オシャレで創造性にあふれたメールフォーム32選
通販での会員登録の際などに名前やメールアドレスといった個人情報を入力することになる「メールフォーム」ですが、ウェブサイトのデザインに比べてあまり凝っていないような気がしている人も多いのではないでしょうか。 ここでは、見ているだけで楽しめるような、オシャレで創造性にあふれたメールフォームを32種類集めています。どのサイトもデザイン性に優れているので、これなら面倒になりがちなメールフォームの入力作業も退屈せずに済みそうです。 メールフォーム32選は以下から。01：ArtFlavours 02：VISMAAd 03：Christian Sparrow 04：Justdot 05：The Spray Studio 06：Ryan Scherf 07：Sandalias XTR 08：SVN2FTP 09：Wing Cheng 10：Denise Chandler 11:Needle 12：fabr
ユーザーインターフェースの質を高める手法「ユーザーはヨッパライ法」とは
PCを操作するキーボードやタッチパネル、自動車を運転する時のハンドルやペダル類、あるいはウェブページの操作画面など、ユーザーが何かを操作したり情報をやりとりする際に触れる部分は総称してユーザインタフェース(UI)と呼ばれており、その仕上がり具合によっては製品の評価が大きく左右されることもあります。製品企画をおこなう際には重要な項目の1つとなっているUI設計ですが、特にウェブサイトにおけるUI品質を高めるための手法がYouTubeで公開されています。 The User is Drunk - YouTube 優れたユーザーインターフェースデザインの手法について語るのはウィル・デイブルさん。オーストラリア・メルボルンのウェブコンサルタント企業であるSquareweaveを率いる1人です。 デイブルさんが唱える手法とは、「ユーザーはお酒に酔っ払っている」と仮定してインターフェースを設計する「The
ウェブサイトの使い方を目の前でアニメーションして説明するスクリプトをどんなサイトにでも埋め込める「Embedded Help System」
目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。 デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。 次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると
無料で総額7900円以上の画像・BGM・テンプレートなどがダウンロードできる2013年2月版Envato素材シリーズ
3DCGモデル・Flashファイル、BGMやサイトテンプレートなど企業や公式サイトが使うようなハイクオリティな素材の有料販売サイトを運営しているのがEnvatoです。Envatoが運営するこれらの素材販売サイトでは毎月1つだけ無料でファイルがダウンロード可能になっていて、2013年2月は写真素材・音楽ファイル・jQueryプラグイン・3Dモデルなどが無料でダウンロードできるようになっています。早速試してみたところ、総額7900円以上のファイルが無料でゲットできました。 まず無料ファイルのダウンロードにはアカウント作成・ログインが必要なので、まずは以下のページを参照して無料アカウントを作っておきましょう。 無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 - GIGAZINE http://gigazine.net/news/2010122
抜け出せない無限ループ！ 止まった世界を動く画像｢シネマグラフ｣が凄い…。
抜け出せない無限ループ！ 止まった世界を動く画像｢シネマグラフ｣が凄い…。2014.02.17 19:007,002 小暮ひさのり 決して冷めないコーヒー。 こちらのコーヒーは動画ファイルではなく、写真を動かした画像。いわゆるGIFアニメなのですが、まるで本当に湯気が立っているような錯覚に陥りますよね。このような写真の一部だけをループさせて動かすような演出を｢シネマグラフ｣っていうようです。 止まっていて、でも動いている。 一度見てしまうと、何故か目が離せない。そんな不思議な魅力のあるシネマグラフをいくつかご紹介していきましょう。 好き…嫌い…好き…。少女の花占いに結果がでる日はくるのでしょうか？ 祭りの夜、ふと自分について考える。 まるで、催眠術をかけられているような。 凍った世界に気付かず新聞を読む。 ずっとふたりで。 ごはん？ ごはんです？ ごはんですかこれ？ リンク先にはもっとたく
文字を入力するだけですぐにそれっぽいデザインのロゴ画像が完成する「Squarespace Logo」
文字を入力すれば一瞬でロゴ画像が完成し、用意されている複数の素材を駆使すれば簡単にそれっぽいデザインのロゴ画像を作れるのが「Squarespace Logo」です。作成したロゴは名刺やウェブサイト用のロゴとして使ったり、TwitterやFacebookなどのプロフィール画像にしてもよさげで、スタイリッシュなロゴからかわいらしいロゴまでさまざまなタイプのロゴの作成ができます。 Squarespace Logo — Squarespace http://www.squarespace.com/logo Squarespace Logoでロゴ画像を作る際は、トップページの名刺についている黒枠部分にロゴに使いたい文字を入力し、横にある矢印アイコンをクリックするだけでOK。 これでロゴが完成！ いかにもそれっぽいロゴが、恐るべき速度で完成してしまいました……。 作成したロゴはそのまま使用してもいいの
WordPress.com公式ブログで紹介された秀逸なデザインと機能のテーマ27選
ニューヨークタイムズのブログ「NY Times Blogs」やSCEA公式のプレイステーションブログ「PlayStation.Blog」でも採用されているオープンソースで無料利用可能なブログ/CMSソフト「WordPress」の魅力として、豊富なデザインが揃った各種テーマの存在と、それらを簡単に切り替えることでブログの雰囲気をガラッと変えることができるという点がありますが、あまりにも数が多すぎてどれを使えばいいのか選ぶだけでも一苦労。 そこで参考になるのが、スパムコメントやトラックバックを止めるプラグイン「Akismet」で有名なAutomatticが運営しているブログサービス「WordPress.com」公式ブログで紹介されている各種テーマです。 百聞は一見にしかず、実際にどういう秀逸なデザインのテーマがあるのか、実際に選んでみた一覧は以下から。 Blog - WordPress.com
無料で商用利用可能なベクターアイコン264種類セット「IKONS」
矢印・コンパス・人物・吹きだしといったスタンダードなアイテムからオンライン上で使えそうな音楽やムービーなどの再生＆停止ボタン・音量ボタン・お買い物ボタンや、Android・Windows・Appleのマークなど、さまざまなジャンルのシンプルなベクターアイコン264種類が無料でダウンロードできて商用利用も可能なのが「IKONS」です。 IKONS - 264 free vector icons from Piotr Kwiatkowski http://ikons.piotrkwiatkowski.co.uk/ 264種類のシンプルなアイコンセットは以下のような感じ。 ダウンロードするにはまず「DOWNLOAD」ボタンをクリック。 ダウンロードする前にライセンスを読んで下さい、と表示されます。ライセンスにはIKONSが無料で個人＆商用利用可能であること、変更や修正は可能ですが改変を加えたアイ
エントリーに無駄な画像を入れるのは止めて欲しい - Hagex-day info
どもどもHagexです。最近ToDo管理ソフトのRemember The Milkを1年ぶりに使い始めたんですが、ToDoがあまりにも多すぎて、見ているとイヤになってきました（涙）。 そしてついつい現実逃避でWebページの閲覧に逃げてしまうのですが、最近、記事やエントリーに意味のない画像がやたら入っているサイトが増えてきたような気がします。アイキャッチ用に1点ぐらいならわかるのですが、3点以上入ってるとアホじゃないか？ と思っちゃいます。 例としてですが、こんな感じのページです（某大手サイトのエントリーを取り上げましたが、似たようなサイトはたくさんあります）。 本文に6つも画像が入ってますが、ぜんぶ内容と関係ありません。すべてイメージ図です。なぜこんなに意味もない画像をいれるのか？ 理由として考えられるのは…… （1）サムネイル表示用のアイキャッチ（正当） （2）少ない文字量を多く見せる（
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
