Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
多くは語るまい。まずは、皆さんに違和感を味わっていただこう。 下の写真をご覧あれ。 ⬇ いかがだろう。 こう思ったのではないだろうか。 写真デカッッ……! と。 数多(あまた)あるWebメディアが日々、数多の記事をアップし続けているが、反面、見かけることが少なくなっているものがある。 それは、縦写真だ。 上の写真をご覧になって、「なんか写真デカいな」と感じてしまうのは、縦写真がWeb上の記事において見慣れないから、ではないだろうか。 Web上に無数に存在する“記事”において、縦の写真が使用されることは少ない。例えば今をときめくヨッピー氏が手がけたこちらの記事を見てみると…… 34枚もの写真(丸抜きの人物写真は除く)が使用されているが、そのうち、縦の写真はゼロである。 これはごくごく一部の例証にすぎないが、なぜ縦の写真はWebメディア上でかくも存在感を後退させたのか。本稿ではその背景を考察し
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
Webページなどの背景テクスチャをいろいろ試したい場合に、約300種類あるテクスチャを選択してダウンロードできるサイトが「Subtle Patterns」です。このテクスチャは商用利用もOKとのこと。テクスチャの確認とダウンロード方法は以下から。 Subtle Patterns | Free textures for your next web project http://subtlepatterns.com/ 約300種類ある背景テクスチャは以下の通りです。番号はサムネイル表示にしたときのページになっています。 ◆01 ◆02 ◆03 ◆04 ◆05 ◆06 ◆07 ◆08 ◆09 ◆10 ◆11 ◆12 ◆ダウンロード方法 公式サイトにアクセスすると、リスト表示でテクスチャが表示されています。 気に入ったテクスチャをダウンロードする場合は…… テクスチャの左下にある「Download
Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK), Triadic colors, monochromatic colors and analogous colors calculated in color page. Color-hex.com also generates a simple css code for the selected color. Html element samples are also shown below the color detail page. Simply type the 6 digit color code in the box above and hit enter.
「魔法少女まどか☆マギカ」© Magica Quartet/Aniplex・Madoka Partners・MBS 「〈物語〉シリーズ」© 西尾維新/講談社・アニプレックス・シャフト 「ぱにぽにだっしゅ!」© 氷川へきる/スクウェアエニックス・ぱにぽに製作委員会 「キノの旅 -the Beautiful World-」© 時雨沢恵一/アスキー・メディアワークス/「キノの旅」製作委員会 「十二戦支 爆烈エトレンジャー」© I&S 「メカクシティアクターズ」© じん/1st PLACE・メカクシ団アニメ製作部 「ニセコイ」© 古味直志/集英社・アニプレックス・シャフト・MBS 「電波女と青春男」© 入間人間/アスキー・メディアワークス/『電波女と青春男』製作委員会 「ef-a tale of memories.」© minori/「ef」製作委員会 「まりあ†ほりっく」© 2009 遠藤海成・
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
TOPIC 「ダウンロード」しかないオンライン書店「TRANS BOOKS DOWNLOADs」期間限定オープン Article / DATE: 6月 8, 2020 CBCNETでも度々紹介してきたTRANS BOOKSが、2020年11月末日までの期間限定オンライン書店「TRANS BOOKS DOWNLOADs」をオープンした。 この書店で取り扱う商品は、参加作家が手掛けた多様な […] デザインの現場でよく使われる英単語の解説と実践的な例文をフェーズ毎に紹介する『デザイナーの英語帳』 Article, 本 / プロダクト / DATE: 6月 8, 2020 灰色ハイジ著・関谷英里子監修による、デザインの文脈に特化して覚える「デザイナーの英語帳」がBNN新社より発売。 本書は英語が決して得意ではなかった著者がアメリカに移住し、デザイナーとして働きながら実践として学んできた英語 […
2014年7月16日に、Google と Adobe がリリースした Noto Sans(Adobe からは Source Han Sans という名称でリリース)というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト(フォントの太さ)が異なることがありました。 ※この画像は、Nexus 7(Android 4.4)で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
iOS 7ではユーザーインターフェース(以下、UI)がフラットデザインになり、見た目も操作方法もこれまでのiOSとは違うものになりました。そんなiOS 7向けアプリを開発するデベロッパー向けに、AppleがUIデザインで気をつけるべき点やガイドラインなどをまとめています。 Designing Great Apps - Apple Developer https://developer.apple.com/design/ このサイトは登録済みiOSデベロッパー向けのもので、iOS 7向けアプリをデザインする上で必要な要素を、複数のページとApple World Wide Developer ConferenceやTech Talksのムービーを使って解説してくれます。 例えば、UIデザインのヒントを集めているのが以下のページ。 UI Design Dos and Don'ts - Apple
日本人の生産性の低さが嘆かれる今日この頃、fladdictさんとしてはAmazon Dashを万能化して、現代のサイバー貴族となる方法を模索しております。 Google Home Assistantや、ザッカーバーグのAIホーム計画など、面白そうだなぁと思いまして、自分も色々と実験。 結論からいうと、AIやハイテクなど使わなくても、ほんのわずかの工夫があれば、誰でも自宅にスーパーアシスタントを構築して、サイバー貴族となれる。 ITの本質は、貴族に占有された封建システムを、テクノロジーによって庶民に解放することだと思うんですよね。なんで実際にやってみました。Amazon Dashボタンを改造して、出前、家政婦、タクシー送迎から、リアルアシスタントさんの御用聞き呼び出しまで、あらゆるものをワンプッシュ化!生産性バカ上がりです。 これで日本の生産性も回復するはず。 人機一体の、スーパー・アシスタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く