「デザインは才能の問題じゃない」デザインセンスがない…と感じている人がまずやるべきことを建築家が解説
堀井義博 @yoshihirohorii どんなものでも整然と並べるだけで「デザインされた」ように見える。 この認識は倒錯で、そもそも「並べること」がデザインなのだから、 何かが整然と並べられている状態は、デザインされたように見える は端的に同語反復である。 2020-12-08 09:59:11 堀井義博 @yoshihirohorii この倒錯は、例えば列柱表現だとか、同じモチーフを整然と反復させるデザインだとか、ひたすら同じ材料で仕上げを統一するだとか、そういう類のものを見た時に お、デザインされてるな って思ってしまう感覚に、端的に現れる。 2020-12-08 10:01:30
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
59分割ヤバイ｜深津 貴之 (fladdict)
こばかなさんと、グリッド分割の話をしてるときに出たネタなのだけど。 グリッドの59分割ヤバイよねぇというお話。 画面を59分割すると、様々な比率で端数がでない。汎用的なグリッド分割できて素敵。個人的にはnoteで図表を描く時は、 ・幅620px ・天地左右マージン15px ・グリッド59分割 10pxを意識すると、色々と便利だと思う。 これ全部、ピクセルパーフェクトに分割できる。 1分割 = 590px grid 2分割 = 290px grid 3分割 = 190px grid 4分割 = 140px grid 5分割 = 110px grid 6分割 = 90px grid 8分割 = 65px grid （厳密には10の倍数でないので△） 10分割 = 50px grid 12分割 = 40px grid 15分割 = 30px grid 20分割 = 20px grid 24分割
「え？それそんなかかるの？」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ
課金 UI まとめてみた｜あき - 良いもの作って正しく届ける
売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい！ コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限
個人開発のUI設計術 - Crieit
あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、本投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を
ワードアートは白抜きと二重の袋文字を最初に教えるべきである（Office2010以降） - わえなび ワード＆エクセル問題集 waenavi
Word・Excel・PowerPointには、ワードアートという便利な機能があります。しかし、残念ながら、パソコン教室や市販のテキストでは、ダサい作成例だけを紹介して、インパクトがあって目立つ！などという珍妙な説明をしています。 これは完全に間違いです。このような手抜きをすると、安上がりで低レベルな内容であるという、悪い印象を与えます。 初心者が最初に身につけるべき基本的な技法は「白抜き」と「袋文字」です。今回は、この２つの技法について、まとめて出題します。繰り返し練習して「正しいワードアート」の使い方を覚えましょう。 なお、この記事ではOffice2010以降で説明します。Word・Excel・PowerPoint共通です。Office2010以降では、ワードアートは テキストボックス と統合されています。詳しくはこちらの記事をご覧ください。 わえなび ワード＆エクセル問題集 id:w
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
日本発祥 携帯電話の“絵文字” ＮＹ近代美術館に | NHKニュース
携帯電話やスマートフォンでメールなどをやり取りする際に使われ、今では世界中に広まっている日本が発祥の「絵文字」が、美術作品としてアメリカのニューヨーク近代美術館のコレクションに加えられ、美術館は「デザインの力で、人々のコミュニケーションの方法を変えた」と評価しています。 絵文字は、ＮＴＴドコモでｉモードの開発に関わった栗田穣崇さんが生みの親とされ、限られた文字数の中で感情を表現する手段として、またたく間に広がりました。その後改良が重ねられてスマートフォンでも使われるようになり、去年、イギリスのオックスフォード辞典が、「今年の言葉」として「喜びの涙を流す顔」の「ｅｍｏｊｉ」を選ぶなど、世界中で定着しています。 ニューヨーク近代美術館は、「デザインの力で人々のコミュニケーションの方法を変えた」と評価しています。コレクションに加えられた絵文字は、１２月１０日から印刷された状態やモニターの画面に映
ビッグマックを薬っぽい無骨なパッケージに
市販薬の種類の増加がめざましい。 ちょっと鼻水が、と思って薬局に行くと色とりどりの薬たちに出迎えられる。 有効成分だ、イオンの力だ、即効性だとパッケージに魅力的な宣伝文句が踊り、もうどれを選んだらいいのやら！である。 そんな中、頑なに渋いデザインで勝負し続ける薬たちがある。 強く主張しないのに何だか効きそうなフンイキのあのパッケージ、あれで包めば何でも効くように見えるのではないだろうか。
よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？（深津貴之） - 個人 - Yahoo!ニュース
大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後
「自分の色彩を持っている」ということ - 🍉しいたげられたしいたけ
人から頼まれて、ちょっとしたパソコン仕事をした。すでにできているコンテンツを、別のフォーマットにコピペするだけの、簡単なお仕事です。まあ仕事と言うよりお手伝いだな。 ただ方針が決まるまでが、ちょっとしんどかった。フォーマットを選択するだけなんだけどね、色調とか。方針が決まってしまえば、あとは手を動かすだけだから楽になったが。 素人がやると、とかく原色を使いがちになる。子どものオモチャみたいな、原色ばかりの組み合わせになってしまうのだ。 かと言って、中間色を使いこなすのは大変だ。色数が一気に爆発する。さらに中間色同士を組み合わせるとなると、その数は無限で手におえない。 で、思ったのだが、以前、アマチュアの美術展の招待状をもらって見に行った感想をボロクソに書いたことがある。要約すると「抽象画はわからん」ということだが。 しかし少し反省した。あそこに出展していた作家さんたちは、それぞれに「自分の
続・「ダサピンク現象」について―だから、「ピンクが嫌い」って話じゃなくてさぁ… - yuhka-unoの日記
前回記事『残念な女性向け商品が作られてしまう「ダサピンク現象」について』を書いたところ、思いの外反響があって驚いた反面、私の言ってることを誤解している人もチラホラいるようなので、続きを書いておく。 そう？元記事の人からはピンクに対して憎しみすら感じたけど おっさんが勝手に決めてるだけで女性はピンクなんて好きじゃないくらいの勢い 実際は女性が好むから用意してるってことを主張したかった、嫌がらせで出してるわけじゃなくてマーケティングもした結果なんだと http://anond.hatelabo.jp/20141124040100 この人に限らず、チラホラこういう捉え方をしている人がいたけど、あの内容でなんで私がピンクを憎んでるっていう話になるんだろう… 「『ピンク＝ダサい』という意味ではない」「肝心のデザインがダサいから」「ピンクで可愛くてフェミニンなものを好む層は一定数いる」「でもそういう人
これまで見た中で最も洗練された“お肉屋さん”のパッケージデザイン | PR EDGE
Case: CORELLA Package 総合スーパーがこれだけ広まっている今なお、「お肉はやっぱり専門店（お肉屋さん）で買うのが一番」と言われることはさして珍しいことではありません。 町のお肉屋さんの強みといえば、地元の人達との人間関係や“お肉の品質・鮮度（プロダクト自体）”であり、その点にこだわりぬくお店が多い中にあって、一方で他の小売業ではマーケティングにおいて重視されている“商品パッケージ”を、差別化のポイントにしているお肉屋さんは希少ではないでしょうか。 そんなお肉屋さんの常識を覆すような取り組みを、スペインでお肉とチーズの小さな専門店を営む「CORELLA」が実施しました。マーケティングの一環として、商品パッケージとロゴを地元の広告会社に依頼してリデザインしたのです。 新しいパッケージデザインがこちら。 白と黒を基調としたシンプルなデザインで、“どの部位”のお肉なのかが直感的
【驚愕】レースの模様作りの神に作成方法を聞いたら、驚きの手法だった | 面白ニュース！netgeek:
秀逸なレースをつくるのが得意なことで有名なとあるtwitter主が、模様の作成方法を暴露して話題になっている。なんと才能云々というよりも、やり方さえ知っていれば誰でもできる意外な方法だったのだ。 レースといえば、糸をより合わせて透かし模様にする技術のことで、カーテンや洋服に用いられている。繊細で細かな模様は、上品さと女性らしさを演出できるため、廃れ流行りが激しいファッション界においては珍しく長年人気が高いものである。 さて、このようなレースの柄はどのようにして作っているのだろうか。かなりのセンスが必要な気がするのだが、ツイートを見る限り、どうやらそうでもないようだ。 なんじゃこりゃあああああああ！！ 文字を90度や180度回転させて重ねていくことで柄が出来上がっている！！ しかも完成度もけっこう高くて立派なものができているのが驚きだ。 @tankope 小学生の頃スカートのﾌﾘﾌﾘ書けなく
はてなキーワードのページが「魔改造」と言う感じがして面白い - Cube Lilac
先日、もっとキーワードでつながろう！ 「はてなキーワード」をリニューアルし、はてなブログでも7日間で「市民」になれるようにしました - はてなブログ開発ブログ と言う告知を見かけたのですが、最新デザインのはてなキーワードのページを最初見たとき「何というか……魔改造って感じやな」と言う印象を受けた事を思い出しました（そう言えば、はてな―キーワードの現行デザイン、いつから変更されていたのだろう）。 何が「魔改造」かと言うと、スクロールした時の挙動が一見しただけでは把握しづらい構造になっている点です。 はてなキーワードの各ページは、上記 A 〜 D の 4 つ（フッターも含めると 5 つ）のパーツで構成されています。これらのパーツが、スクロールさせるに従って以下のような挙動を示します（記載漏れがあるかもしれません）。 最初のスクロール時、A のパーツが小さくなって固定ヘッダー化する B のパーツ
「K=100は濃い灰色！」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然
概要 ▶ PhotoshopVIPのK=100は黒ではありません？ K=100は濃いグレー？ リッチブラックはC=90, M=90, Y=30, K=100？…疑問に思ったので調べてみました。 K=100は黒ではありません。 Photoshopでやってしまいがちな10個の間違い - PhotoshopVIP 「Photoshopでやってしまいがちな10個の間違い」（PhotoshopVIP）で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった（一部）。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレー」か？ 日本に限って言うならはっきりと、「いいえ。違います」 K100%はグレー？？？いいえ、「黒」です。それでもリッチブラックを使うなら… | やもめも とある。（違ったらすみません） 日本と欧米ではブラックのインキの濃度が違う
» 佐藤可士和氏のGU新ロゴ Toshi Omagari
思いっきり仕事中ですが腹が立って仕方がなかったのでブログ更新します（どういう動機だ！） 佐藤可士和氏がGUというファッションブランドのロゴをリデザインしたそうです。まぁ言ってしまえば元のロゴも大して良くはないのですが、その新ロゴというのが笑止千万な出来なので徹底的に図解して非難したいと思います。 まずはその新ロゴ。和文の方もグリッド多用しまくりで個人的には酷いと思うのですが、まぁ欧文書体デザイナーの自分としての本題はGUなので和文はさておきます。またネットでは色がIKEAだとかTSUTAYAだとかEUだとかブックオフだとか色に関してのツッコミが多いようですが、やはり自分としては文字の形そのものに注目したいと思います。あ、あとGUの配置も右寄りすぎますが文字の形そのものに以下同文です。なにせブログをなかなか継続して書けないこの自分を書かせる気にさせるほど酷いんですから。 ソースの画像は低解像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Zeplin
daialog.com is Expired or Suspended.