[Webデザイン]作例つき！アイコンやピクトグラムを作る時のデザイナーの頭の中
約一週間ぶりのブログです、サボっててすみません！ Webサイトのアイコンやピクトグラムって、非デザイナーから見るとデザイン要素の中でも面積が小さいせいで軽んじられがちな感じがするんですけど、実はかなり奥が深いです。これをサイトに置くことで本来なら複数の文字で説明する必要のあることを利用者に直観的に理解させられます(もしくは補助として)し、単純に見た目の雰囲気を作り出すことも出来ます。 この記事では私がWebサイトにおけるアイコンやピクトグラムを作成するときどんなことを考えて作成しているのか、細かいことも含めて分解して書きだしてみました★ モチーフを選択する まずはそこにどんな意味のオブジェクトを置くのか、それを図柄で表せばそうであることが伝わるのかを考えます。 名詞や動詞、目的語の抽出 そのボタンや項目、オブジェクトにどんな意味や機能を持たせたいのか、それをキーワードにして抽出します。 例
![[Webデザイン]作例つき！アイコンやピクトグラムを作る時のデザイナーの頭の中](https://cdn-ak-scissors.b.st-hatena.com/image/square/6aee0b2e81a3becadb3c7542b5e37a6fd55c5a99/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F07%2Fhowto-icon-pictgram-10-150x150.png){kind=icon}
Google Visual Assets Guidelines - Part 1 - Behance
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
アイコンデザインの参考に。GoogleのUIパーツ・ガイドライン資料 | ビジュアルシンキング
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
はてなブログ | 無料ブログを作成しよう
うめぇヨーグルトソースでもいかがですか。個人差にもよりますが。もしよろしければ。 お久しぶりです。 最近うんめぇ〜と思ってるヨーグルトソースがあるので、書いていこうと思います。 ヨーグルトとハーブ類をもりもり使うので、そういうのが食べられない方にはうんめぇソースではないです。ごめんなさい…。もしよろしければお茶だけも…旦~ 【用意する…
データを可視化する 20 のツール - 旧・私と私の猫の他は誰でも隠し事を持っている
海外サイトで「The top 20 data visualisation tools」という記事を見かけたのですが、可視化はかねてから興味を持ち続けているテーマなので、紹介も兼ねて大雑把に纏めておきます。英語は得意じゃないので若干主観を交えた超訳ですけどw 入門者用ツール 1. Excel 初心者レベルならツールは使い慣れたものを使うのが一番。Excel って結構複雑なこともできるんですよ。温度一覧表のセルに色付けして分散図っぽくするとか。人様向けに Web 公開するって訳でもなけりゃ、スピーディにデータ加工できるツールを選ぶべきかと。もし持っていなかったら、Google Docs のスプレッドシートを使うのもいいでしょう。 http://www.netmagazine.com/features/top-20-data-visualisation-tools 2. CSV/JSON 可視化
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
禿頭帽子屋の独語妄言 side A: # 「無生物主語」をめぐる珍訳、その1
The client nodes get the data from your data sources and send it to the server. という何でもない原文が、こんな意味不明な訳文になっていることが、悲しいかなIT翻訳の世界では少なくありません。 クライアントノードでは、データソースからデータを取得して、それをサーバーに送ります。 どうして、ごく素直に「クライアントノードはデータソースからデータを取得し～」としないで、「クライアントノードでは～」などという訳になるのでしょうか。 その原因は、「無生物主語をそのまま主語として訳さない」というルールが、各社のスタイルガイドに中途半端な形で載っているからです。以前からこの話をまとめたいと思っていました。 以下、かなーり長くなります。 まず、ネット上でいくつか情報を拾ってみました。 おなじみのこのサイトがヒットしました。 リ
英文法－無生物主語構文
無生物主語構文とは、文字通り無生物が主語になった構文……と、今の時点では理解しておきましょう。 例えば、「雨が、私が釣りに行くのを妨げた」というような文。無生物である「雨」が私の動作を「妨げる」なんて、おかしな表現のしかたです。しかしながら、英語では、これは決しておかしな表現ではなく、むしろ普通に見られる言い方なのです。 日本語では違和感のある表現。それゆえに、学生諸君には分かりづらく、無理矢理暗記で乗り切っても理解が伴わないゆえのもどかしさを感じる、要するに「苦手分野」であることが多いようです。 なお、実は、「無生物主語構文は主語が無生物である」というのは、正確な定義ではありません。種明かしはちゃんとあとに用意してあるので、まずは、「無生物が主語になる日本語には見られない表現」と理解したうえで、解説を読み進めてみてください。 １．無生物主語構文の訳しかた 先に見たように、無生物主
いわゆる無生物主語の文章はネイティブには違和感はないのですか？ - 大学生です。最近、気になったことがあります。英語交流の部活で... - Yahoo!知恵袋
いわゆる無生物主語の文章はネイティブには違和感はないのですか？ 大学生です。 最近、気になったことがあります。英語交流の部活で活動したり英語の授業で友達と英語で話したりするのですが、みんな無生物主語の文法を使わないんです。 自分は小さいころから英語を勉強してきて（ネイティブとの交流経験はほとんどないですが…）、無生物主語の文章には違和感がなくためらわず使っているのですが、周りの人はほとんど使ってないです。 そのせいか先日、無生物主語の形の文を使ったところ、 「お前の英語はわかりづらい。」「物が人の邪魔するか？」「回りくどいいいまわしだよね」などと言われてしまいました。 周囲の意見だと、無生物主語の形は「受験英語」「回りくどい」「考え方が変人っぽい」「かっこつけている」などあまりいいイメージを聞きません。日本人には無生物主語構文は理解しがたいと、浪人時代に聞いたこともありますし、受験英語では
バカッターで「人生詰んでしまった」若者たち 続々損害賠償請求に踏み切る企業が...
この夏、「バカッター」騒動が各地で相次いだ。さすがに夏休みが終われば、多少は沈静化するだろう――とはITジャーナリストの井上トシユキさんの見立てだが、騒動を起こした当人たちにとってはむしろこれからが「針のむしろ」。企業からの重いペナルティーが待っている。 ステーキレストラン「ブロンコビリー」が元従業員に損害賠償を求める方針を示したことが話題を呼んだが、これに限らず多くの「被害企業」が、「犯人」たちを厳しく追及する姿勢を見せる。 ステーキ店閉店で多額の損害賠償が... 東京都のブロンコビリー足立梅島店の18歳従業員が、「バカッター」写真を投稿したのは2013年8月5日だ。キッチンの大型冷蔵庫に体を突っ込み、おどけた表情を浮かべた1枚はたちまちツイッター上で炎上、翌6日には店舗の休業、さらに12日には閉店が決まり、さらには、 「不適切な行為を行ったアルバイト従業員に対し、本件に関する損害賠償の
47NEWS（よんななニュース）
岩国市長選2候補、異なる基地へのスタンス 米重氏「日米協議会開催を」、福田氏「市民の負担感へしかるべく対応求める」
スマホを勝手にロックして「身代金」要求、ランサムウェアが迫っている
米Fortinetのセキュリティ分析機関、FortiGuard Labの報告書によると、過去半年の間にモバイルマルウェアは30％増加し、Androidマルウェア群は300種類以上、サンプル数は少なくとも25万件に上っている。 報告書の中でFortiGuardは、私物端末の業務利用（BYOD）の普及に伴う明らかなマイナス面として、もし1人の従業員の端末にモバイルマルウェアが感染すれば、会社のネットワークに感染が及びかねないと指摘する。 わずか数年前まで「モバイルマルウェアはユーザーにとっても企業にとってもそれほど心配するようなものではなかった」。FortiGuard Labsの上級モバイルウイルス対策研究員、アクセル・エブリル氏はそう話す。「当時スマートフォンやタブレットを標的にしていたマルウェアは、Cabirウイルスのような迷惑なだけの存在か、SMS詐欺やアイコンの差し替える詐欺ソフトウェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
http://www.ts-depot.com/color/color/basic06.html
404 Not Found
厚労省、「紹介状を持たずに大病院に来た場合、初診料として1万円を取る」という方針を固める | スラド
Internet Explorer - Microsoft ダウンロード センター