web-dev-qa-db-ja.com

デザイナー-開発者仕様の引き継ぎ?

スペックを開発者と共有する最も簡単な方法は何ですか?設計の仕様に言及する代わりに。

コンポーネント用の独自のライブラリーがあるため、ハンドオフのためにZeplin、Avocode、Marvelappなどを調べました。パディング、テキスト仕様(フォントサイズ、色など)について言及する必要があるたびに。コンポーネントの場合、バリアントサイズについて言及します(例:button-xs(非常に小さい)、button-sm(小さい)など)。

しかし、パディングやテキスト仕様などについて言及している間、問題に直面します。この時間と労力をどのようにして節約できるでしょうか?

1
NB4

私はあなたがこれについて上記で述べたのを知っていますが、Zeplinは開発者がデザインでhtmlとcssを見ることができる素晴らしいツールなので、私たちの開発者はそれを愛しています。私はこれを考慮します。

私が検討するもう1つのことは、パターンライブラリです。パターンライブラリ(慣れていない場合は、ご容赦ください)は、デザインシステムのスタイルに関する一連のガイドラインです。これにより、コンポーネント、ボタン、グリッド、タイポグラフィ、測定などからすべてを文書化できます。それを維持するには多くの労力が必要ですが、ページやレイアウトを設計すると、特に測定などのハンドオフにおいて、長期的に多くの時間を節約できます。それらに設定されています。

開発者は自分のコードでこれに貢献し、物事のその側面もどのように機能するかを示すことができます。

以下は、企業の優れた例です。 http://styleguides.io/examples.html

1
UIO