欧文のルール｜しじみ ｜デザインを語るひと｜note日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くありま… もっと読む
＆（アンドのマーク）は使わない｜しじみ ｜デザインを語るひと
ビジネスに使えるデザインの話ビジネスにデザインの知識はけっこう使えます。苦手な人も多いから１つ知るだけでもその分アドバンテージになることもあります。noteは毎日午前7時に更新しています。 欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 「＆」の正体正式にはアンパサンド（ampersand）と言います。日本では「アンドマーク」と呼ばれていることが多いこの記号。正しい名前は“ampersand”（アンパサンド）です。日本でも馴染みのある記号で、企業名などでもよく目にするのではないでしょうか。 情報通信・メディア系
取り扱い注意、気を付けたい類似すると危険なデザイン | ホームページ制作・Webマーケティング｜株式会社SPC
いやはや、ワールドカップ楽しかったですね。 無類のサッカー好き、SPCデザイナーAです。 少し前ですが、サッカーの応援で使用されたフラッグのデザインが政治的な意味合いや差別を助長する意味として問題になったことがありました。 フラッグを制作した当事者は、元となったデザインの意味も特に理解せずに、なんとなく格好良かったからそのデザインを模写して制作したそうですが、結果的には無知なことと軽率な行動から大きな問題になり、該当チームが応援の規制をするなどの措置も取られました。 サッカーの応援に限らずですが、デザインによって実は危険だったり人を不快にさせる意味合いと取られるケースがあります。 今回はそんな表現の一例を紹介していきますので、ウェブサイトやロゴ、公共の目に触れるものを制作するデザイナーは特に知っておきたい事柄になります。 私もデザインするときに背景に使うこともありますが、放射・集中線を使っ
Color Palettes for Designers and Artists - Color Hunt
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ
最近Webサイトやスマホアプリを利用していてふと気づいたことがある。 「あれ、さっき見てたのどれだっけ？」と思うくらい無意識のうちにどれだったかがわからない状態。そう、アイコンがどれも似ている。その感覚自体は以前にもあったのだが、今回は趣が少し違う。 以前は「アイコン全てカラフル問題」だったのが、今回は「アイコンどんどん黒くなっていく問題 = ブラック化現象」が発生している。 そう、最近は白と黒のアイコンがあまりにも多くないか？そんな気がして少し考察してみることにした。 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 X → Twitterへのドラスティックなリブランドの衝撃まずその傾向の代表が、爽やかな水色からシックなモノトーンになった Twitter、いや、Xだろう。
GitHub の実用的な新規リポジトリ画面は偶然から生まれた - @kyanny's blog
ある Vercel ユーザーが「空っぽの状態」の画面に適切な導線が表示されているのを褒めたら、 Check out this delightful empty state by @Vercel! pic.twitter.com/qFkhFcUlwq— usrnk1 (@usrnk1) 2023年6月14日 Vercel の CEO が GitHub の new repo screen を参考にして意図的にやっているのだといい、 My love language is thoughtfully designed empty states See: @github's timeless new repo screen with `git` copypasta. https://t.co/ADFg52G7Ba— Guillermo Rauch (@rauchg) 2023年6月14日 それを受け
デジタル庁のサイトやばすぎるwww - Qiita
はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ
伝わりやすいスライド資料の作り方。資料作成の流れからデザインのコツ、デザイン初心者さんにおすすめの本まで紹介｜fuyuna blog｜デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ
センスがなくても大丈夫！デザインのコツを活用すれば、だれでも見やすくわかりやすい資料を作成できます。 イマイチな例といい例のスライド見本もご用意しているので、よければ参考にご自身のスライド資料をブラッシュアップしてみてください。 5. フィードバックをもらう資料のデザインが完成したら、上司や先輩に確認してもらいましょう。プレゼン資料は人に見てもらうことを前提として作るため、客観的な意見は重要です。 目的を果たせる資料になっているか内容がわかりやすいかプレゼンを通してどんな印象を受けるかなど意見をもらい、ブラッシュアップをしていきます。 このとき、PDF形式で書き出したものを確認してもらうと、より資料のクオリティが上がります。デザインの現場でもよくあることですが、PDFや印刷した資料を見ると、スライド作成時には気づけなかった誤字や脱字、表現の違和感などに気づけます。 PDFファイルの作成・共
開発者でもソレっぽいストア画像が作れる、秘密の方法
ストア画像作るの、大変ですよね！ 僕も生粋の開発者なので、気持ち良くわかります。 デザイン何もわからん。 でも試行錯誤の中で、何とかソレっぽいストア画像を作り上げる方法を編み出したので、共有します。 お題は「mizutamaTODO」 数年前に、有名イラストレータmizutamaさんとのコラボアプリ 「mizutamaTODO」 をリリースしました。 (個人アプリでもこういうチャンスは流れてきますよ！) iOS Android mizutamaさんはインスタのフォロワーが36万人もいる、日本を超えてアジアで大人気のイラストレータさんなので、僕が作ったストア画像やUIでは、ファンからお叱りを受けるのではないか、、、と内心ビックンビックンしていたのですが 「mizutamaさんらしいカワイイアプリだ」 という声が多く、一安心しました。 作ったストア画像 このストア画像を、デザインができない生粋
【まとめ】エンジニア向けデザイン参考サイト - Qiita
本記事は、身の回りの困りごとを楽しく解決！ by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説！！」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか？」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した
組織でデザインが推進できる人の思考術
デザインの推進は簡単なことではありません。デザインの定義が広がり過ぎてしまったことで人によって解釈や期待が異なりますし、デザイナーの責任範囲も様々です。あれこれ挑戦を続けても物事は思うように早く進まないですし、時には悲観的になるかもしれません。 物事が進むのが遅いのはごく自然なことです。何か実践するだけであれば、一週間あればできるかもしれません。ただ、そこで作ろうとしている価値を組織全体に浸透させるのは時間がかかります。組織が大きければ数年かかることもあります。長期戦だからこそ難しいですし、諦めてしまうこともありますが、うまく進める方法もあります。 中核へいくほど進みが緩やかですが、インパクトが大きくなります手段の目的化にある罠例えば UI ライブラリを作ることを目標とします。とりあえず作ることはできるかもしれませんが、作業コストに担う効果は得ることができるでしょうか。 UI ライブラリを
Pythonによるデザインパターン5原則 - Qiita
参考 @kidach1 さんの投稿をPythonに書き換えてるだけです。 @kidach1 さん、いつもありがとうございます。 https://qiita.com/kidach1/items/4b63de9ad5a97726c50c 概要 改めて基本を学ぶ。 参考「Rubyによるデザインパターン第1章」→この投稿はPython デザインパターンとは プログラミングにおいて繰り返し現れる問題に対する、適切解のパターン。 無駄無く設計されたオブジェクト指向プログラムの実現をサポート。 パターンとしてカタログ化されていることで 車輪の再発明を防ぐ デザインパターンの根底にある5つの考え 変わるものを変わらないものから分離する プログラムはインターフェイスに対して行う（実装に対して行わない） 継承より集約 委譲、委譲、委譲 必要になるまで作るな（YAGNI） 変わるものを変わらないものから分離する
ユーザーファーストなサービスの立ち上げ方 - Speaker Deck
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
“正直”に徹したら「何かすごそう」なハサミができた コクヨの「HASA」
はさみという道具は、紀元前1000年には既に存在していたといわれている。当時はU字型の、現在は通称「和はさみ」といわれる形のもので、現在の主流となっている2枚の刃が交差してハンドルで操作する形は1880年頃にフィンランドのフィスカース社が作ったとされている。そしてそれ以降、はさみの基本的構造は140年以上変わっていない。 しかし、実ははさみ自体はきちんと進化している。例えば、紙を切るためのはさみと布を切るための「裁ちばさみ」、植木を切るはさみなどは、その刃の作り方やハンドルの構造など、全く別物といって良いほど違う。刃物である以上、切るものに合わせてバリエーションが生まれるのは当然だし、道具である以上、専門化していくのも当たり前の道筋だ。 家庭用の一般的な用途に使うはさみも様々な製品が発売されている。最近ではプラスの「フィットカットカーブ」シリーズが、その湾曲した刃によって、刃の先の方でも切
「スプラトゥーン3」が「不慣れな人に敗北のストレスを感じさせない」ことを徹底していてすごいなーと思った話
こんにちは、しんざきです。「エイムが苦手でも多少は戦える気がする」という、非常に甘えた理由でバケツを使っています。精進いたしますのでご勘弁ください。 はじめにこの記事の趣旨なのですが、 対人戦ゲームにおける「負けたときのストレス」がなぜ問題になるのか なぜ、初心者が「スプラトゥーン3」を遊んでいると「敗北のストレス」が希釈されるのか、初心者目線での感想 「ナワバトラー」がおまけゲームとしては想像以上に良くできている件について 以上となります。よろしくお願いします。 「スプラトゥーン3」公式サイト ライター：しんざき SE、ケーナ奏者、キャベツ太郎ソムリエ、三児の父。ダライアス外伝をこよなく愛する横シューターであり、今でも度々鯨ルートに挑んではシャコのばらまき弾にブチ切れている。好きなイーアルカンフーの敵キャラはタオ。 Twitter：@shinzaki 対戦ゲームにおける「敗北時のストレス
「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない！」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。Read less
ちょうどいいWebデザインギャラリー
カラー ネイビー (1) カラフル (251) スカイブルー (224) ホワイト (1208) ベージュ (412) グレー (422) ブルー (343) パープル (56) ピンク (125) レッド (211) オレンジ (122) イエロー (212) グリーン (301) ブラウン (147) ブラック (532) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (152) 美容 (107) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (126) 金融・保険・会計・法律 (45) ファッション・アクセサリー (73) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (149) アート (41) 車・バイク他 (18) 事業・組織 (71) 暮らし商品・サービス (143) 飲食・食品・飲料 (476) 行政・NPO・団体・協
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design
【おすすめ6選】UIデザインツールとは？主な機能や選び方を解説
Shin Sasaki on Twitter: "Figmaの歴史はプロダクト開発者にとって学びの宝庫だった📝 1. 初期コンセプト「ブラウザ上のフォトショップ」は不発 2. 当時の常識は「1人かつオフライン」 3. 機能を絞りUIデザインに特化し成功 4. 他ツールからシェア… https://t.co/F9dyeR8Gbv"
