シンプルな線だけで矢印や円といった基本的な記号からSNSのロゴ、「カメラ禁止」「アラーム禁止」といった警告を意味するアイコンなど、多種多様な「Feather」が、誰でも無料でダウンロードできるようになっています。オープンソースとなっており、商用利用も可能です。 Feather – Simply beautiful open source icons https://feathericons.com/ アイコンは全部をまとめてダウンロードする方法と好きなものだけを1つずつダウンロードする方法とが選べます。まとめてダウンロードする場合はトップページにある「Download」をクリック。 「feather.zip」というZIPファイルを「Explzh」などの解凍ソフトを使って解凍します。 解凍後にフォルダを開いてみると全部で240個のSVGファイルがありました。 どんなアイコンがあるのか？という

かつてWebデザインでタブーとされていたものが、近年もっとも人気がある手法の１つとして完全復活しました。ユーザーはスクロールが必要なサイトを好み、評価するようになったのです。スクローリングは過去の汚名を捨て去り、主要なインタラクションデザインの要素として新たに生まれ変わろうとしています。つまり、デザイナーは新たなルールを学ぶ必要があるということです。 この記事では、スクローリングの復活について探ります。この手法の長所と短所を説明し、ちょっとしたヒントも紹介します。 スクローリングが再評価された理由 簡潔に言えば、答えはモバイルデバイスにあります。 モバイルユーザーの数がデスクトップユーザーの数を上回って以来、UIデザイナーの誰もがこの流れに適応してきました。小さな画面を利用するユーザーが多くなったことで、スクローリングの必要性が増しました。画面が小さくなるほど、スクロールは長くなります。

鉛筆や消しゴム、乾電池など身近な工業製品の多くに「日本工業規格」は使われている。略称「JIS」。品質や性能、安全性の水準を維持するための国家規格で、規定の項目をクリアした製品は「安心」とされてきた。ところが、高知県黒潮町で「JISとは何か」を根本から問う出来事が起きているという。この町は、南海トラフ巨大地震が起きれば、高さ34メートルという国内最大級の津波が襲うと予想されている。問題となっているのは、万が一に備える「津波避難の誘導標識」の耐久性に関するJIS。町は独自の判断で試験項目の数を減らし、発注したのだという。「国家規格」をうたいながら、実はJISには法的拘束力がない。しかし、JISの試験項目を発注者が独自に減らすことができるとしたら、「安心」の保証はどこにあるのだろうか。その対象が「命の誘導標識」だとしたら————（Yahoo!ニュース編集部）

恐らくインターネット史上最強の、無料で使える画像の検索に特化した検索エンジンが登場した。運営にあたるのは著作物の適正な再利用の促進を目的として、2001年に創立されたクリエイティブコモンズ。 クリエイティブコモンズは以前から、クレジットの付記等の条件付きで、著作物を広範囲のネットユーザーに再利用させる試みを行ってきた。今回のサイトの登場で、その画像の検索が一気に簡単になった。 従来はクリエイティブコモンズ画像の検索はグーグルのアドバンスサーチやFlickrに頼るしかなかったが、新規にオープンしたサイトはまだベータ版ながら、非常に使いやすいサービスに仕上がっている。 今回の「クリエイティブコモンズサーチ」は、900万点以上の画像を一気に検索可能。ライブラリにはFlickrや500px、ニューヨークのメトロポリタン美術館やニューヨーク公共図書館、アムステルダム国立美術館のサイトの画像が含まれて

デザイナーを採用したい！という時に・・・インターネット企業において、デザインというのは非常に重要です。エンジニアと同様、とてつもなく大事なクリエイティブの戦略ですし、アプリ時代になり、手触りや使いやすさををあげていくために最前線で戦う人です。 しかし、デザイナーを採用したい！となったときに、デザイン知識がない人がやると、よくギャップが起こりやすいです。僕も、デザイナーではないので、いまいち詳しくわかっておらず、面接で苦労したりしました。 そこで、デザイナーを採用するときの、ギャップについて説明したいと思います。 デザイナーの仕事の分類まず、一言で「デザイナー」といっても、何の仕事をする人か、というのをちゃんと把握しておく必要があります。「そりゃデザインでしょ？」と思うかもしれませんが、その中でもいろいろな性質の仕事をやっていたりするので、整理をする必要があります。 たとえば、弊社Super

プロのフード写真素材・フリー画像 Food.foto（フード ドット フォト）では、 プロのカメラマンが撮影した野菜・果物などの 食材、料理、ビール・ワインなどの ドリンク、食器、デザートなどの写真を 無料でフリー写真素材として公開しています。 食材・料理・野菜・果物のフリー写真素材 フード・フォト food.foto（フード ドット フォト）では、プロのカメラマンが撮影した野菜・果物などの食材、料理、ビール・ワインなどのドリンク、食器、デザートなどの写真を無料でフリー写真素材として公開しています。 商業デザインにも使える高解像度のフリー画像が今すぐ無料でダウンロードできます。 当サイトのフリー写真素材は、ご利用規約の範囲内 で、商業広告・出版物・冊子のデザイン、Webサイトのデザイン制作、TV番組やCMの映像製作、店舗や看板の装飾などに画像のトリミングや合成など、自由に加工してご利用いた

by Nicola Albertini ウェブサイトやアプリを初めて使うとき、私たちは無意識のうちにコンテンツをどのように操作するのか、つまり、「タップするのか」「スライドするのか」「メニューはどこか」といったことに頭を働かせています。初めてのコンテンツを操作するにはさまざまな情報を一時的に記憶する必要があるのですが、この時、タスクが多すぎて一度に記憶を保てる容量の限界を超えてしまうと、人は「よくわからない」と、ウェブサイトやアプリの使用を途中でやめてしまいます。処理するタスクが多すぎることを「認知的負荷が高い」と言いますが、ウェブサイトやアプリを作る上でこの「認知的負荷」をできるだけ少なくする基本原則が、ウェブデザイン作成サービスMarvelのブログで公開されています。 Design Principles for Reducing Cognitive Load - Marvel Blog

「いらすとや」についてはもはや説明はいりませんね。みなさんも一度くらいは使ったことがあるかと思います。商用フリーのイラスト配布サイトです。 で、今ちょっと話題になっていることがあります。「日本が『いらすとや』だらけになってる」というものです。 いつの間にか、日本が「いらすとや」だらけになってる(全文表示) – コラム – Jタウンネット 京都府 さらに一部では「単価の安いイラストレーターの仕事を奪いまくってる」「タダが当たり前になってしまうとイラストレーターがいなくなってしまう」といったネガティブな発言もネット上に出てきているそう。 [say]果たして本当にそうなんでしょうか？[/say] 今回はデザイナーの立場から「いらすとや」のスゴさを説明してみます。 いらすとやのイラストが無料の理由 そもそもイラストをすべて無料にしてしまってメリットはあるの？と疑問に思う方もいるかも知れません。 も

奈良県で2017年に開催される「国民文化祭」のロゴマークをめぐって、540万円の制作費が不当に高すぎるとして県内の市民団体「見張り番・生駒」メンバーらが9月16日、奈良県に対して住民訴訟を奈良地裁で起こした。「30万円程度が適切」だとして、差額の510万円を損害額と主張。奈良県に対し、同祭実行委会長の荒井正吾知事に請求することなどを訴えている。 ロゴマークは、「くまモン」などを手がけた著名デザイナー、水野学さんが制作した。実行委が2016年3月に水野さんが代表の会社「good design company」と随意契約を結び、すでに事前イベントなどで使用されている。鹿の周囲を花鳥風月が囲む円形のロゴで、奈良県の色である蘇芳（すおう）色とモノクロの２種類が制作された。

イマイチ理解しきれていなかったDIに関して調べていところ、Google Guiceの解説がすごく分かりやすかったので、和訳してみました。 （ところどころ意訳気味です。明らかに解釈の誤った訳がありましたら、ご指摘ください） ちなみにGoogle Guiceというのは、Googleが開発したDIライブラリです。この例ではJavaが使用されていますが、Scalaでも使用可能です。最近Play Frameworkでも採用されたので話題になっているようです。 用語の定義 本文を読む前に目を通すことで、内容をスムーズに理解できます。 用語 意味 本文中の例

ニューヨークで開催されたイベント「AWS Summit 2016 New York」。基調講演で同社CTOのWerner Vogels氏は、Amazon.comのシステムがモノリシックな構造からSOAへ、そしてマイクロサービスへ移行する際に得た教訓について手短に紹介しています。 機能ドリブンでサービスを分解するべきだった Werner Vogels氏。 10年前の話をしよう、Amazon.comは巨大なモノリシックな構造から転換してきた。私たちのお客様もおそらく、似たような経験をこれからするはずだ。 Amazon.comは、モノリシックな構造からSOAに転換すると決めた、それはいわゆるSOAが登場するよりも前の時期だ。 さまざまなコンポーネントをサービス化し、APIでつなげるようにした。これは非常にうまくいったが、しかし私たちは間違いにも気づき始めていた。 それは、データドリブンにサービス

最近のWebサイトやアプリで見かけるアニメーションを使った操作が気持ちいいUIエレメントを実装するスタイルシートを紹介します。 デモではHTMLやCSSのコードが掲載されているので、コピペで簡単に利用できます。 ※一部JavaScriptも必要最小限で使用しています。

UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導

これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CSS フレームワークは内部で jQuery を使用していることが多いので、React と jQuery を共存させるか、jQuery 部分を自前で実装しないといけません。 そこで React で「早く・それなりの UI 」を作れそうな React コンポーネントセットを手当たり次第に調べてみました。 Note: Web 向け UI の コンポーネントのみとなっています。React Native や

5カ月でAngularJSとTypeScriptでSPAを開発。その技術の選択理由と開発過程は？（前編） Developers Summit 2016 シングルページアプリケーション（SPA）は、最近注目を集めているWebアプリケーションのアーキテクチャです。HTML全体の書き換えは行わず、変更が必要な部分だけをJavaScriptで動的に書き換えていくことにより、反応がよくユーザー体験にすぐれたWebアプリケーションを実現できます。 このSPAの開発を、技術の選択、仕様の策定、開発を含めて5カ月で行った経験談が、2月18日に都内で行われた「Developers Summit 2016」（通称デブサミ）のセッション「5か月でAngularJSとTypeScriptでSPAをつくった話」で紹介されました。 注目されているアーキテクチャをいまどきの技術を採用して開発した事例は、立ち見がでる人気

「さくらのアイコンセット」とは？ 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 ： general 様々な用途でご利用できる汎用的なアイコン集です。 2 ： programming PHPやPythonなどのプログラミング言語のアイコン集です。 3 ： server-parts CPU

色というのものは、組み合わせ次第で、さまざまな印象をあたえることが出来ます。そういう意味で、何かを作り出す際には非常に重要な要素の1つであると言えます。 ここ最近、僕が読者になっているいるブログのいくつかで、ブログのデザインや配色についての話が多いので、ちょいと書いてみることにしました。 色に対する感覚って、生まれ持ってのセンスだ！という話がけっこう多いです。けれども、「センスが良い配色」と言うのは、結局は色についての理論的なものを知っていないと、なかなか出来ないものだったりするんですよ。美術でもデザインでも、努力はセンスに勝ります。 特に、色と色の組み合わせってのは重要です。単体だと美しい色でも、別の色を組み合わせると途端に汚い色に見えちゃったり、逆に一見するとみすぼらしい色に見えても、別の色と組み合わせるとすごく美しい組み合わせに見えることもあります。 そして、色の相性や色に対するセン

By Kārlis Dambrāns 市場調査や分析を行うCreative Strategiesでアナリストとして働くベン・ベジェリン氏は、「これまでさまざまなテクノロジー企業のテクニカルブリーフィングに参加してきましたが、これまでAppleほど深いカスタムシリコンソリューションをセキュリティ面に施している、という話は聞いたことがない」と、Appleのセキュリティ哲学と技術的なアプローチ方法を賞賛しています。 Apple’s Penchant for Consumer Security | Tech.pinions - Perspective, Insight, Analysis https://techpinions.com/apples-penchant-for-consumer-security/45122 ベン氏がAppleのテクニカルブリーフィングに参加した際に、特に耳に残ったと

LINE, WhatsApp, Facebook Message のようなメッセージアプリの魅力のひとつに「情報の流れが制御できる」ところがあると思います。１対１の会話が中心なので、ノイズが少ないですし、情報を追いかけるのも容易です。Jelly のように、メッセージアプリのような表現がメッセージアプリ以外で見られるようになってきているのも、今の利用者に求めらている情報の形だからなのかもしれません。 今、UI デザインという観点で注目しているのは、この『メッセージ型 UI』で、どのような形状が人と情報とのやりとりに最適なのかをよく考えています。メッセージアプリだからといって、写真やテキストを送り合うチャットだけのために使うわけではありません。オススメのお店、地図、記事、レシピ、レビューなど様々なコンテンツが会話の中で共有されますが、それが最適な形で表示されているのかというと、そうではありませ