Design in Tech Report 2017
PDF, audio, and voiceover are now available on designintechreport.wordpress.com Today’s most beloved technology products and services balance design and engineering in a way that perfectly blends form and function. Businesses started by designers have created billions of dollars of value, are raising billions in capital, and VC firms increasingly see the importance of design. The third annual Desi
Schoo 新CI・ロゴのデザインプロセス全公開｜オンライン動画授業・講座のSchoo（スクー）
ゼロから新しいものを創り出すのは大変な作業です。 ですが、それ以上に「今まで積み上げてきたものを踏まえて、一新すること」には、想像を超える難しさがあります。 弊社「Schoo」は、2016年10月にCI（コーポレート・アイデンティティー）と会社/サービスロゴを一新いたしました。 2011年10月に創業して以来、一度も変わることがなかったCI・ロゴ。これを変更していくプロセスの裏側には、アートディレクターの技術と葛藤がありました。今回の授業では、それらのプロセスを全て公開させていただきます。通常はクライアント守秘義務の観点からお話しにくい内容も、出来る限り全て公開させていただく予定です。 デザイナー・アートディレクターに具体的プロセスを学んでいただくのはもちろん、新しい何かを作ろうとしている人や、今までのものを一新していこうとしている人に向けて、気付きとヒントを提供できる授業を目指します。
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
UIデザインの歴史に学ぶシャドウと奥行きの使い方
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 近年のUIデザインでは、不必要な要素を省き、機能性に焦点を当てるのがトレンドになってきています。デザインの機能面はプロダクトの成功への鍵である一方、その機能面をサポートするという意味で、ビジュアルへの細かい配慮も同じくらい重要です。 この記事では、シャドウなどの視覚的な要素がどのように処理された情報を伝達するものなのかを見ていきましょう。 UIの進化 : 疑似3Dからウルトラフラットデザイン インターフェイスにおける奥行きの幻覚 ユーザーの見るスクリーンは平らですが、デザイナーやエンジニアたちはスクリーン上の全ての物が3Dにみえるように多大など労力を割きました。疑似3D効果（シャドウ、グラデーション、ハイライト）は、ユーザーが操作可能な動作をひと目でわかるように
Typescale - Create stunning typography, generate CSS, and find inspiration.
Typescale Save CSS Go Pro Login Typescale New Board My Boards Bookmarks Likes Explore Login Go Pro Support Terms Privacy © Typescale Board Settings Responsive Body size Scale Responsive Min-width Body size Scale Body Font Weight Line-height Letter-spacing Color Background Headings Font Weight Line-height Letter-spacing Color
gms.life - 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
かっこいい日本語フリーフォント16選（デザイン向き） - 無料で使える日本語フォント投稿サイト｜フォントフリー
日本語のフリーフォントを利用してデザインする際などに「クールなデザインにしたい」「かっこいいフォントを使いたい！」という場面があるかと思います。 ただ、英語のかっこいいフォントはすぐに見つかるのに、日本語になるとすぐに見つけられないということがあります。 そこで今回は、デザイン性が高くてかっこいい日本語フリーフォントをフォントのタイプに分けてご紹介していきます。 商用利用可能なものから、漢字を含んだもの、カタカナのみのかっこいいフォントまで幅広く用意してみましたのでご覧ください。 かっこいいゴシックフォント 鉄瓶ゴシック 鉄瓶（てつびん）ゴシックは、フォントな自由さんが公開している角ゴシックフォントです。 「源ノ角ゴシック」を改変して制作されており、極太の文字かつごつごつとした質感がかっこいいフォントです。 商用：OK ひらがな：◯ カタカナ：◯ 漢字：◯ ▷ 鉄瓶ゴシック スマートフォン
Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か
UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導
写真を水彩風にするPhotoshopアクションを作りました（CS6／CC／CC 2014） - saucer
ちょっと思い立ったので、写真を水彩風に加工するPhotoshopアクションを作ってみました。あくまでも水彩「風」なので、完全に水彩タッチが再現されるわけではないですが、デザインでのちょっとしたアクセント程度になら使えるかもしれません。興味のある方は一度試してみてください。（2015.02.14更新） 【2015.02.14追記】CS5で使えるバージョンを追加しました。ただし、元のアクションはCS5で再現できない機能を使っていたため、CS6以降用と完全に同じにはなりません。 アクション実行サンプル写真に対してアクションを実行すると、下のような感じに加工します。あくまで全自動で一律的に処理を行いますので、かなり写真を選びます。いい感じになるかどうかは、運次第です。うまくいかない方が多いかも。その場合は、ハズレだったと思って我慢してください。ごめんなさい。 ダウンロード以下からどうぞ。zip圧縮
21_21 DESIGN SIGHT | 「デザインの解剖展: 身近なものから世界を見る方法」 | 開催概要
21_21 DESIGN SIGHT では、2016年10月14日より、企画展「デザインの解剖展: 身近なものから世界を見る方法」を開催いたします。 私たちは日々、数え切れないほど多くの製品に囲まれて生活しています。大量に生産された品はあたり前の存在として暮らしに溶け込んでいますが、実は素材や味覚、パッケージなど、製品が手に届くまでのあらゆる段階で多様な工夫が凝らされています。それらをつぶさに読み解いていくのが「デザインの解剖」です。 「デザインの解剖」は、グラフィックデザイナーの佐藤 卓が2001年より取り組んでいるプロジェクトで、身近な製品を「デザインの視点」で解剖し、各製品の成り立ちを徹底して検証する試みです。本来の「解剖」が生物体を解きひらき、構造や各部門の関係、さらには条理を細かに分析していく行為であるように、ここではデザインを解剖の手段として、とりあげる製品のロゴやパッケージの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material icons - Material Design
IBM Design Language
モダン日本語フォント指定
マテリアル デザインのガイドライン（日本語版）
国民文化祭のロゴ「高すぎる」…市民団体が提訴 : 社会 : 読売新聞（YOMIURI ONLINE）
The Blog | Welcome to Adobe Blog
Color | Mailchimp
FGP明治教科書明朝 ワークショップ「レーザー彫刻機で作るオールド明朝体名刺」 - BOOK AND SONS ONLINE STORE