デザイナーに届けたい…マテリアルデザイン事始め Part.1 - Qiita
2017年DroidKaigi「エンジニアが武器にするMaterial Design」に感化され、わが社でもデザイナー向けマテリアルデザイン勉強会をしてみようと思います。スライド いつの日か「わぁー、イケてるね！（わくわく）」みたいなデザインができる日が来ることを祈って、説明向け資料をまとめていきます。 Part.1 : マテリアルデザインの概観 次回 Part.2 : マテリアルデザインのコンポーネント（小） マテリアルデザインってなんなのさ？ 物質デザイン。デザインパーツを物質として捉え、現実世界のルールに沿うことで、ユーザに直感的な操作を誘導するデザインのこと。 基本の考え方 マテリアルデザインとは紙とインクの要素で出来ている オブジェクトの重なりを物質的に捉える（３次元） 意味のあるアニメーションでより直感的に 紙とインク 紙？ UIパーツは紙でできていると考える。 紙は以下の特徴
IDEOに発注できるRFPの書き方 – ボストン市boston.govリデザインPJを例に
米国東海岸・ボストン市の公式サイト boston.gov が昨年リニューアルオープンし、そのプロセスにデザインファームIDEOが関与して、いろいろオープンにしていることが話題になっています。 IDEOが参加。ボストン市「Boston.gov」の創造的なリデザイン｜ビジュアルシンキング（『たのしいインフォグラフィック入門』櫻田潤さんのブログ） 公開されているプロセス資料がどれも面白いのですが、中でも《RFP（Request For Proposal : 提案依頼書）》が面白いです。 このRFPはヤバイ！！ これほどまでに与件が明確で、かつ応札者の「本気度」を要求するRFPは見たことがありません。アメリカの契約文化や、アメリカ地方自治体ならではの法的ルールに関連するものもあると思いますが、とはいえ、日本の発注者でこれだけ明確な文書を書ける人は稀だと思います（私はいずれこういう発注者をやりたい）
wake.com - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで | POSTD
概要： Sketchを使ったAtomic Designの方法がプロダクトデザインの未来形です。 初めに この記事は、上のビデオの素晴らしい人物、Brad Frostの開発したシステムについて書いています。Atomic Designは今のレスポンシブなデジタルの世界に対応するために開発されたものです。 ここ何年も、私たちのデザインを少しでも理解してもらえるよう、スタイルガイド、基本的ガイドラインやムードボードなどのツールを作成してきました。同じように、開発者もBootstrapやFoundation、Bourbonなどのツールでプログラミング作業を楽にしようとしてきました。互いに妥協点を見いだし協力することで互いの作業を楽にできます。Atomic Designはまさにそれを実現しようとしています。 Atomic designはあるインスタンスやページをデザインすることではありません。大局的に
デザインスプリント
本書はGV（旧Google Ventures）およびGoogleで提唱しているデザイン思考「デザインスプリント」の概念とその手順を実践的に解説。デザインスプリントではプロダクトやサービスのアイデアを短時間で作り上げ、ユーザーに示して評価してもらい、アイデア創出からプロトタイピング、ユーザーテストと評価までをわずか5日間で完了させるためのプロセスが定められています。本書では組織でデザインスプリントを実践するために必要な事柄を紹介し、多くのリソースを投入する前にプロダクトやサービスのアイデアを検討し、チームメンバー、ステークホルダー、そしてユーザーを巻き込みながら短期間でより良いユーザー体験を作り上げる方法を伝授します。 目次 賞賛の言葉 推薦の言葉 はじめに 対象とする読者 筆者について 本書ができるまで 謝辞 デザインスプリントとは何であり、なぜ存在するのか Chapter 1.デザインス
Inboard - Mac app for organizing your screenshots and photos
Organizing screenshots, images or photos in Finder is a major pain. Does it sound familiar? If so, we have a solution for you. Get on the App Store Try Free Trial Photo by Elle Korea “Flipping Cards” by Visualizers Singapore “Lighthouse” by Fabricio Rosa Marques Photo by SFCD “I am noonie bao” by Albin Holmqvist “Is the Sun even rising?” by Jakob Henner “Beautiful Spring” by Mark Fischoff Marketin
Stache — a smarter way to bookmark web pages
A smarter way to bookmark web pages Stache makes it quick and easy to collect and re-discover pages you find useful, interesting or inspiring, in a beautiful, visual and fully searchable library. If a page is useful, Stache it! Say goodbye to cluttered browser bookmarks and overwhelming reading lists. In one click a web page becomes part of your personal repository of useful information, archived,
All-in-one bookmark manager
All-in-one bookmark managerBookmark manager, tab manager, task manager, notes, and files together in one elegant, customizable desktop. Managing your bookmarks is hardExisting bookmark managers always end up a cluttered mess. The best way to stay organizedMac and Windows are still the best at organizing your filesBookmark OS uses Mac / Windows inspired UI to help you organize your bookmarks. Acces
Fliqlo
Turn Your Mac/Windows Device Into a Flip Clock Fliqlo for Mac/Windows is a clock screensaver that allows you to make your desktop/laptop device screen look like a flip clock. It displays the time with flip animation in large white numerals against a black background. Thanks to its visibility, you can check the time even from a distance. Features Enlarge/reduce to any size Switch between 12/24-hour
『「AWA」のデザインはどのようにして作られたのか。』
こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初
【フォントの些事】第2回 Photoshopでの文字詰めとフォントのボディについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、デザイナー兼イラストレーターのもりたです。 前回の「【フォントの些事】第1回 インストールする前に確認したいフリーフォントの基礎知識」で次回予告したものがうまくまとめられなかったので、今回は第3回で予定していた、Photoshopのフォントと文字ウィンドウについて書きます！ 普段仕事でPhotoshopを使ってる人でも、文字ウィンドウはその数値が何を指しているのかよくわからないまま使っていることが多いんじゃないでしょうか。 特に文字詰めに使用する「カーニング」「トラッキング」「ツメオプションの設定」の違いがいまいちよくわからない。 例えば「ツメオプションの設定」の「100％」という数値は、文字のどこを基準に何が100％詰まるの？とか。「トラッキング」の数値って何を基準に100なの？ピクセルじゃないしな？とか。 正直に言っちゃえばWebでは文字詰めをそんなに細かく設定することがないの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Another Lens - News Deeply x Airbnb.Design
User flow diagramming tool for design teams | Overflow
Wireflow - Free Wire / User Flow Tool
Lingo: Design Asset Library, Brand & System Management
https://viewflux.com/
https://www.pixa-app.com/
Littlehj.com
Dropmark - Organize, collaborate, curate, and share online
Sketchを更に便利にパワーアップするプラグインのまとめ
