よく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのシンプルなコードのまとめ
Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。 フレームワークなども便利ですが、それだけを実装するためのコードなので、非常にシンプルでカスタマイズも簡単だと思います。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSSで実装するレイアウト・UIコンポーネント CSS Layoutの特徴 CSS Layoutはよく使われるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。
のうめん🏗️👺バーチャルデザイン事務所社長マシン@Vtuber休止中 on Twitter: "アクセシビリティを考えることは、中上級者にとっても必要な事だけど これからデザインを始めようとする人にとってもいいヒントになってくれるよ 英国内務省がリリースした啓蒙ポスターを紹介します 日本語翻訳は尾内でべ氏… https://t.co/e3sPi5v9hX"
アクセシビリティを考えることは、中上級者にとっても必要な事だけど これからデザインを始めようとする人にとってもいいヒントになってくれるよ 英国内務省がリリースした啓蒙ポスターを紹介します 日本語翻訳は尾内でべ氏… https://t.co/e3sPi5v9hX
文字や背景にピュアブラックを使ってはいけない理由
UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を
娯楽を超えたデザイン （UI Crunch #13 娯楽のUI イベントレポート）｜のっち Ryosuke Inoue
「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう
深津 貴之 / THE GUILD / note.com on Twitter: "グーグルとアップルとマイクロソフトとセールスフォースのデザインガイドラインを読むとよいと思います。#Sarahah https://t.co/thbQEU3Y4A"
グーグルとアップルとマイクロソフトとセールスフォースのデザインガイドラインを読むとよいと思います。#Sarahah https://t.co/thbQEU3Y4A
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Go Ando / PREDUCTS / THE GUILD on Twitter: "WWDC2018の「Designing Fluid Interfaces」は個人的に超名作。 融けるデザインの続きのような世界観。 https://t.co/ioEup8noTt"
よくわかるダメUI/UX画像コレクション - DOCUMENTS.TIPS
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選