色の名前、日本語と英語での色の名前、世界各国の伝統色の名前が分かるサイトのまとめいろいろな色の日本語での名前、英語での名前、日本の伝統色の名前をはじめ世界の伝統色の名前などが分かるサイトを紹介します。 トレンドカラー 日本での色の名前、日本の伝統色の名前 世界での色の名前、世界の伝統色の名前 トレンドカラー まずおさえてきたいのは、最新のトレンドカラー。 2023年のトレンドカラーは鮮やかで紫がかったレッドの「ビバ マゼンタ（Viva Magenta）」、世界でもっとも明るい染料の一つコチニールの赤にインスパイアされたカラーです。
UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio
UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール（ローカルも可）を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということができます。また、作成した比例スケールは、CSSで書き出されるのですぐに使用できます。 Proportio Proportio -GitHub Proportioの特徴 Proportioの使い方 Proportioの特徴 Proportioはデザインシステムに必要となるタイポグラフィ、スペースや角丸やシャドウなどのシェイプ、コンポーネントに使用する比例スケールを簡単に作成するためのツールです。 パラメトリックデザイン（変数を基準としてサイズを決める形状作成方法）を採用しているので、体系的なデザイン
デジタル庁のサイトやばすぎるwww - Qiita
はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ
UIデザインに必須の16の論理ルール！ デザインは細部のちょっとした作り込みが使いやすさを決める
UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。 長い記事なので、時間がある時にゆっくりご覧ください。 16 little UI design rules that make a big impact by Adham Dannaway 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. スペースを利用して関連要素をグループ化する 2. 一貫性を保つ 3. 見た目が似ている要素は同じように機能するようにする 4. 明確なビジュアルヒエラルキーを作成する 5. 不要なスタイルを削除する 6. カラーは意図的に使用する 7. インターフェイス要素のコントラスト比が3:1であることを確
高齢者向けサービスにおけるUIデザイン｜『高齢者のためのユーザインタフェースデザイン』の書評
現在、本業・副業ともにWEBデザイナーとしてデザイン・コーディングをしているゆるけーです。 本業で携わっているWEBサービスが割と高齢者向けのサービスで、ITリテラシーやUIが今の自分と考え方が異なるよなーと思っているなか、『高齢者のためのユーザインタフェースデザイン』という書籍に出会いました。 高齢者関係なく普通にアクセシビリティの観点でも重要な視点がたくさんあり、とてもいい書籍だったので、ざっくり大事だと思った箇所を抜粋しつつ自分で探した事例等をざっと記事にまとめていきますー。 視覚 高齢者になると視力が低下する傾向があります。ただ、視力の低下＝フォントを大きくするだけではありません。 視力の低下は老眼や光覚の減少などより複雑です。 主な視力の低下の具体例は以下のような点。 老眼：近く・遠くのものの焦点が合わない 周辺視野のぼやけ：画面の端に気づきにくい 中心視野の損失：画面の中央が暗
モバイル幅で作成されたWebサイトの特徴と作例
2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト！ モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示
同人誌のロゴデザインを作る手順が超使える！「目から鱗」「めちゃくちゃ参考になる」フォントで遊ぶのも楽しいです
秋丸 @akimaru2138 そのうち同人誌の表紙作る時に自分が考えてること〜とかクリスタでも(それなりに)できる簡素なロゴの作り方みたいなのまとめてツイートしたいんだけどあぁいうのっていかんせん"強い"人がやってるからおれ程度がツイートするのヒヨっちゃうんだよな 2021-12-03 23:29:38
フレンドファンディングアプリ、polcaのLPをトレースして気づいたこと。｜haseshun
polcaのLPをトレースして気づいた事を備忘録的にまとめました。 トレース結果 文字についてトレースした目的の一つに有名サービスのLPはどのようにタイポグラフィを定義しているのかを知りたいというのがありました。 今回のケースでは、14pxをhtml全体のフォントサイズの基準として、emでその他のフォントサイズを決定しているようでした。Sketchでトレースしていてなんかテキストがうまく重ならないな、というときはフォントサイズが小数点になっていないかブラウザの開発者ツールで調べてみるといいと思います。 色についてメインのテキストカラーは#333ですが、情報の優先度を落としたい場合に、#666を使用していました。例えば、注釈のテキストよーく観察してみると、米印と数字の部分は#333なのですが、そのあとに続く文章は#666になっています。また、例外的にフッター部分だけは#000が使用されていま
「物乞い」の行為をデザインする
Summary*English report here ストリート・ディベートは路上で問題提起をし、世論を硬貨で可視化する職業である。これは、路上での「ものごい」に代わる行為でもあり、尊厳を損なわずにお金を稼ぐことができる誰もが出来る方法である。 路上で暮らすことを余儀なくされた人々が、友好的な会話を通して社会へ対等な立場で再接続する最初のステップとなることを目指している。 ロンドンではストリート・ディベートで１時間に平均13.5ポンドを稼ぎ、12.5人を議論に巻き込むことが明らかになっている。 Why I started designing the act of beggingもしあなたが、ロンドンやパリといったヨーロッパの都市を訪れたなら、道端で「ものごい」を行なう人を見ることは、そう珍しいことではないだろう。
ライジン
ここに掲載されている製品についてのお問い合わせ先はこちらになります。 お問い合わせの内容を正確に承るとともに回答の内容を確認するため、お客さまとの通話は録音しております。 予めご了承下さい。 番号をよくお確かめの上、お間違いのないようおかけ下さい。
【デザイナー向け】これからAndroidのデザインをする人へ - Qiita
はじめに 自己紹介 私は日本にAndroidが上陸したAndroid 1.6の時代(2009年頃)からAndroidの開発者としてAndroid7系になった今も(執筆時2017年)Androidエンジニアを続けています。 Androidの歴史をずっと側で見守り続けた私がエンジニア目線で思っている事を述べるので、これからAndroidのデザインをするデザイナーに見て頂きたいです。 ※ この記事の内容は一個人の意見で所属先は一切関係ありません 一番言いたいこと まず、普段iPhoneを使っているデザイナーは最新もしくは1つ前のOSが入ったAndroid端末をメイン端末とまではいかなくても2台持ちにして常用して下さい。 ハッキリ言ってこれが全てです!! 良さ気なUIのアプリを一通り入れて数十分触るだけでは全く意味がありません。 Androidの良さは通知やIntentと呼ばれるアプリ間の密な連携
村上春樹『騎士団長殺し』の装幀が生まれるまで。
February 28, 2017 | Culture, Design | casabrutus.com | photo_Ayumi Yamamoto text_Yuka Uchida 2月24日に発売された、村上春樹の長編小説『騎士団長殺し』。手がけたのは元新潮社装幀室長の髙橋千裕だ。髙橋を中心に、新潮社で30年来、村上春樹を担当する編集者・寺島哲也も交えて、今作の装幀の狙いを聞いた。 「殺」の文字だけがズレた手書き風のタイトルロゴ。表紙から裏表紙へ、大胆に本を貫く二種類の剣。村上春樹の新刊『騎士団長殺し』の装幀は、発売初日までそのデザインが明らかにされなかったこともあり、ファンの注目を集めていた。装幀を手がけたのは元新潮社装幀室長で『ねじまき鳥クロニクル』や『1Q84』など村上の長編作品も担当してきた髙橋千裕。「装幀は、装幀家がひとりでつくるものではない」と話す髙橋。担当編集のひとりで
これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
U-NEXT キャリア
U-NEXTは、2007年にサービスを開始した動画配信サービスのパイオニア。「ひとりひとりに、最高の時間を配信する。」 をミッションに、いま次のステージに進むべく、新たなメンバーを積極採用しています。会社についての情報はコーポレートサイトもぜひご覧ください。ABOUT US
ダサいデザイン作るデザイナーっていう職業があるのかな
いつも思うんだけど、100均とかに売ってる安っちい商品とかって、カスみたいなデザインだけど、 ああいうのも一応新商品会議とかあって、だれかプロダクトデザイナーとかが入ってデザイン決めてるんだよね？ ああいうダサくて蛇足なデザインって意図的にやってるんじゃないかなと思ってるんだけどどうなんだろう。 あえてイイ物に見え過ぎないように、ある意味100均らしい商品になるようにデザインしてるんじゃないかな？ そういうダサいデザイン専門のデザイナーとかいるのかしら？ それとはあんまり関係ないけど、なんで日本の製品って本体にベタベタ余計なシール貼るんだろう。 PCとかにインテルはいってるとかグラボのバージョンとか、そんな情報必要？ 空気清浄機のマイナスイオン放出中とかそれ要る情報？ 炊飯器のなんちゃらコート釜！とかそういうのって本体に書いておかなきゃいけないの？ パッケージとか説明書にいくらでも載ってる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
Tabler Icons
イヌパシー | 愛犬の気持ちを心拍から読み解く | INUPATHY | ラングレス
【2024年最新】カードローンおすすめ34社人気ランキング