クリスのコーナー：デザインの縮小 – Codepen

私は考えていませんが あなた メディアに公開する必要があります（少なくともそうではありません のみ あなたが何かを公開する場所、あなたが制御するあなた自身のサイトに書くべきです）、私はその理由を理解します 他の 人々はそうします。あなたはすぐにサインアップし、いくつかの言葉を書き、公開をヒットすると、結果はあなたの文章のかなりきれいな見た目のプレゼンテーションです。一般の人々に馴染みのあることは言うまでもありません。ミディアムは大きくて人気があり、人々がそれを見て、それに満足しています。つまり バラク・オバマはそこに書いています 承認の観点からは大いに役立ちます。

それは特に注目に値すると思います（神秘的に活性化されたペイウォールに隠されていないとき）。だから彼らを見るのは面白いです デザイナーはその外観に入る努力について書いています。ブレアナ・ジョーンズは、彼らが単一列の外観に再集中したと言います：

単一列ページのレイアウトを取り戻し、デスクトップ上のすべてのストーリーで2列のレイアウトを削除しています。

Mediumと著者のBIOSからの推奨ストーリーを見つけることができますが、これらのセクションは、すぐにそれをすぐに行うのではなく、ストーリーの下になります。これにより、読者は側に気を散らすことなくストーリーに集中することができます。

私はそれを称賛します、本当に。単一の列の外観は、主に書かれたコンテンツのためにウェブ上で本当にうまく機能し、特にその画面上のスペースのために戦っている多くのビジネス目標を抱えている巨大な企業では、それが目を引くよりも難しいです。

デザインは清潔さに関連する傾向があります。 「クリーン」デザインのように、一般的には、特に幅広いさまざまな視聴者のために製品デザインを話している場合は、「良い」デザインです。私は好きです マット・バーチュラーが言う方法：

コンピューターの誰かの隣に座っていて、物を使用する方法を知っていて、そうでない場合は、ここをクリックしてください。これをクリックすると、これが起こることです。それをするのはとても簡単です。優れたユーザーインターフェイスの目標は、あなたが彼らと一緒に部屋にいなければならずに経験する誰かに与えることです。

それは私が聞いたようにデジタル製品デザインの説明の良いことです。デザインはかなり広い規律であるため、「デジタル製品」で警告しました。木製の本棚を設計することは、さまざまな制約と目標を持つかなり異なる努力です。木材には、デザイナーが協力する穀物があります。ウェブにも穀物があります。 アメリア・ワッテンバーガーは言う：

デジタルの世界、特にウェブ上では、垂直に積み重ねられていることに慣れています。スクロール、スクロール、コンテンツの箱を通して、1つ…上に…別のものの上に。

物事は常に直線的に配置されます – 上から底。または、私たちが辛くて左から右へと感じている場合。

これはすべて、きちんとした整然としたコンテンツに最適です。しかし、思考が複雑で、整理されておらず、探索的であるときはどうでしょうか？

これは彼女の考えの紹介です 無限のキャンバス、これはウェブ上の穀物に対して少し反対していますが、絶対に実行可能で、時には非常に便利です。制約付きエッジなしで、どこにでもfigmaキャンバスをドラッグしてズームする方法を検討してください。しかし、このアプローチはデザインだけではなく、チームの問題を考えること、組織化やグループ化を行うなどのことに役立ちます。

デザインの概念のための「一般的なルール」が大好きです。がある そんなに ニュアンスと 場合によります 設計と開発の状況、いくつかがあるとき これをするだけです アドバイスに感謝します。ヘッダーが常に少ないようなことを考えています line-height ボディテキストよりも、物事は他のものと一致するはずであり、おそらく空白を2倍にする必要があります。

Codepen自身 レイチェル・スミスには、いくつかの優れた一般的なアドバイスがあります この流れの中で、私は今まで本当に理解していませんでした：

オブジェクトをフレーム/ステージからフレーム/ステージに移動する場合は、 ease-out 変化。

フレームの内側からフレームの外側にオブジェクトを移動する場合は、 ease-in 変化。

フレーム内のオブジェクトをある場所から別の場所に移動する場合は、 ease-in-out 変化。

私はそれを覚えています！

lemmeはあなたに小さなものを残します： magick.css。それはそれらの1つです。 ファンシー いくつかの珍しいフォントの選択でそれを見てください、しかしそれはあなたのバッグかもしれません。このジャンルの私のお気に入りはまだです new.css。