関ヶ原の合戦も可視化、日本のインフォグラフィック第一人者にノウハウを聞いてきた | HRナビ by リクルート
情報やデータを視覚的に表現し、受け手に直感的な気付きを与えるインフォグラフィック。一般的には「図解」のようなものとして認知されているが、ひと工夫を凝らすことで、興味や関心の低い相手を振り向かせる、コミュニケーションの強力な武器になる。 インフォグラフィックでは、図解にピクトグラムを組み合わせるなどの手法で、より感情に訴えかけるビジュアルを制作する。ここで、図解とインフォグラフィックは以下のようなものだ。 最近では、企画書や提案書にもインフォグラフィックが使用されることがある。確かに「相手を魅了する」という特徴は目的に合致するが、デザインの心得のない人間にとってインフォグラフィック制作は少々敷居が高く感じるだろう。 日本におけるインフォグラフィック制作の第一人者は、『NewsPicks』のインフォグラフィックス・エディターで、『たのしいインフォグラフィック入門』（ビー・エヌ・エヌ新社）著者の
色調整から本格的な加工まで--無料で使えるオンライン画像編集サービス7選
写真のかんたんな補正作業は、スマホやタブレットのアプリを使えば素早く行えるが、マウスを使って本格的な編集作業を行うとなると、やはりPCは欠かせない。もしPCに画像編集ソフトがインストールされていないようであれば、重宝するのがオンライン画像編集サービスだ。 オンライン画像編集サービスは、サイズ変更や回転などの操作はもちろん、色調の補正、テキストの挿入といった市販の画像編集ソフト顔負けの機能を備えるほか、最近はSNSでの公開を前提とした装飾機能に注力したサービスも増えるなど、機能は数年前に比べて格段に進化している。今回はこうしたオンライン画像編集サービスを紹介しよう。 ◇Pixlr Editor この分野では老舗にあたるオンライン画像編集サービス。Flashを使用している。GIMPなどの画像編集ソフトに似たインターフェースを持ち、日本語でのメニュー表示にも対応している。新興のサービスと比較する
スケッチした絵からロゴを作成できるサービス「Logoshi」 | ライフハッカー・ジャパン
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
最近話題になったイケてるWebサービス・アプリ16選（2014年4月編） | creive【クリーブ】
こんにちは。 5月が始まるということで、4月中に話題になったWebサービスやアプリを16個ほどご紹介します。 note（ノート） noteは、個人がコンテンツを販売できる個人向けのメディアプラットフォームです。 テキストや写真、イラスト、音楽、映像などのコンテンツを投稿し、ブログなどと同じように無料で公開できて、さらにそのコンテンツを販売することも可能となっています。運営会社は、cakesを運営するピースオブケイク。 SUZURI（すずり） GMOペパボ株式会社が運営する、新感覚ECサービスです。 画像をアップするだけでオリジナルグッズが作成でき、販売までできるサービス。在庫を持たず、発送作業もしなくていいのが特徴的。キャッチコピーは「欲しいものは、作ればいい。」ソースコードにもメッセージがあっておもしろいです。 STARted (スターテッド) STARtedは、イラストをアップロードす
配色を考えるときに便利なオンラインツール10個集めてみました | WP-E (仮)
最終更新: 2018年4月14日 皆様こんにちは！最近WP-Eメンバーに本名を忘れられているような気がするWP-E HINOTANです。寿司ネタがどこかへ行ってしまいましたね。 さて今回はタイトルの通り、便利な配色ツールを紹介していきたいと思います。 Adobe Kuler まずはAdobeが提供しているAdobe Kulerから。こちらは有名なので知っている方も多いと思います。Adobe KulerはPhotoshopやIllustratorとの連携機能があるので便利です。(Adobe Creative CloudのアカウントIDが必要となります) 「Explore」のページでは、様々なカラーパターンを見ることができ、気に入ったものを登録したり編集したりすることができます。登録したカラーパターンはPhotoshopやIllustratorにも反映されます。 Color Hexa Colo
アプリ制作者必見！！ためになるティザーサイト20選 | coromos
ほとんどのアプリ開発者はアプリの紹介や使用方法の説明をする付属のウェブサイトを持っています。いくつかのウェブサイトはとてもユニークなものです。美しい写真を背景として使うものや、鮮やかな色彩や文字のスタイル、大きなアイコン、余白を効果的に使う事で、見る人に感銘を与えるものもあります。 今回、素晴らしいアプリ紹介のホームページを20例紹介します。それぞれ独創的で今まで見たこともないようなものばかりです。 Human Turnplay Everest ChowNow Hipstamatic Weather [snap] Faces ShakeItPhoto Starmatic Kelvin App Spendee App Note’d FiftyThree Flight Card Triplagent Nizo App Tourism App Weather
ロシアのバイカル湖が完全にファイナルファンタジーの世界ｗｗｗｗｗｗｗｗｗｗｗ : 哲学ニュースnwk
2014年04月05日16:00 ロシアのバイカル湖が完全にファイナルファンタジーの世界ｗｗｗｗｗｗｗｗｗｗｗ Tweet 1: 名無しさん 2014/04/05(土)11:30:33 ID:4CQbXcMyv バイカル湖の水は不純物を含んでいないため、太陽光の中の青い光を完全に通過させ、綺麗な色に発色するのだ。 転載元：http://hayabusa.open2ch.net/test/read.cgi/news4vip/1396665033/ こちらは普段のバイカル湖の様子。至って普通の湖である。 http://netgeek.biz/archives/7697 2: MKN◆MKNGsZ.ULw 2014/04/05(土)11:30:54 ID:P05F8gTBf うんすごい 12: 名無しさん 2014/04/05(土)12:07:17 ID:HQCSN6o02 >>2 二枚目とかほ
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論とは、なかなかユニークなアイデアなのでまとめてみました。/ドワンゴ様の社員様だそうです。ご自身で表明なさいましたのでまとめに追加してあります。
サイトを企画・設計する前に決めるべき14の項目（ディレ協主催「0ディレ」講演レポ）
「0からのウェブディレクション講座 設計編」に行って来ました！今回の講師はディレ協所属、DCHSの高瀬さん。レポートは初登場のユースケです！よろしくです！ 制作に”入る前”こそ重要 今回は設計編ということで、サイト制作に入る前段階で「明確にすべき項目」と「その方法」にスポットを当てた講演内容となっていて 企画そのものの成功率を上げるに何を知るべきか スムーズに制作を進めるためには何を準備すべきか プロジェクトを高速で進めるための戦略のとりかたは？ といった、現場のディレクターにとって重要すぎるほど重要な内容がギッシリな”濃い”講演でした。 意図不明なサイトや、ぜい肉たっぷりなサービスができあがる原因はどこにあって、どうすれば解消できるのか？今回僕が学んだことを一気に並べて共有したいと思います。 資料スライド公開 このレポート内で紹介している14項目について、講師の高瀬さんが公開してくれてい
【ウェブユーザビリティ洞察】ユーザー調査の証拠の説得力……ニールセン博士のAlertbox | RBB TODAY
ユーザビリティ調査等のユーザー調査からの提言を信頼してよいのはどういうときなのか。 この疑問が生じる状況とは主に以下の2つである： ・自分で行う調査を計画するとき。プロジェクトに与える影響を最大限にするように、調査資金の優先順位をつける必要がある。そうすることで利益の高いデザインを導き出す確率が高まる。 ・外部で行われた調査を解釈するとき。重要なのは他者による調査結果がどの程度信頼できるものなのかを知ることだ。つまり、自分のところのデザインについての判断を外部の調査に基づいて行っても大丈夫なのか。調査結果が対立するとき、どの調査を信頼すればよいのか。 幸いにも、どちらの状況でも答えはほぼ同じだ。信頼すべき調査とは投資すべき調査と同じ、つまり、幅広く多様な基盤から結論を導き出す調査、である。 この2つの状況における主な違いとは、ROIを考慮することによって自分のところの調査にかかる資金を減ら
プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
フラットデザインに使える配色をコピーできるサイト「Flat UI Colors」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
アラド戦記
ビルマルク実験場の失敗により周辺は荒廃し、モンスターは凶暴化した。 転移の膨大なエネルギーは研究員と兵士たちを死に至らせる凄まじいものだったが、 身体の一部が転移して超人的な力を得ることになった数人の子供がいた。 彼らは転移の力によって次元を開き攻撃するという前代未聞の技を身に付けるようになったのだ。 転職：ソードマスター/ダークテンプラー/デーモンスレイヤー/バガボンド/ブレイド
パララックスサイトを作ろう (全11回) - プログラミングならドットインストール
パララックス（視差）効果を利用した、立体的な動きのあるサイトを作ってみます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2015年、このWebサイトのデザイン・アイデアは見逃せない！「Website of the Year」 -日本からも2つのサイトが受賞！
正しいクレジットカードの入力フォームを提供『Creditcard.js』 | 100SHIKI
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘（スイッチ）
IDEA * IDEA
新着記事
