aoiasabaのブックマーク / 2023年6月2日

aoiasaba id:aoiasaba

2023年6月2日のブックマーク (3件)

チェックシート1WAY_①_A5
aoiasaba 2023/06/02
味の素
リンク
CSSイージングのお手本 - ease-out, ease-in, linearの使い分け - ICS MEDIA
イージングとは「動きの加減速」を示す用語で、アニメーションにおいては動きの「性格」を表すものです。適切なイージングを設定することで、演出としての印象がかわります。UI体験をデザインするうえでイージングは欠かせない要素です。しかし、イージングは多くの種類があり、それぞれを把握し的確に使い分けるのは少し難易度が高いかもしれません。本記事はイージングの選定に役立つ、お手本的な使い分け方を紹介します。この記事の要約「イーズイン」は徐々に加速、「イーズアウト」は徐々に減速。「イーズアウト」は多くの場面で「変化の余韻が残りやすい印象」でオススメ。 CSSのease-outとease-inとease-in-outは緩急が弱いので、easeを使うか、こだわる場合はcubic-bezier()を使うのがよい。イージングの性格イージングは「最初はゆっくりで、徐々に早く変化させる」といった動きの「性
aoiasaba 2023/06/02
css

animation

easing
リンク
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。予備実験読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
aoiasaba 2023/06/02
font

ui

typography
リンク
- 2023年6月3日
- 2023年6月2日
- 2023年6月1日