Bricksは、ユーザーインターフェイスコンポーネントの無料セットです。 将来のサイトの設計とプロトタイピングの作成を簡素化するように設計されています。 このセットは、ウェブ要素を開発する時間を節約し、デザインからレイアウトまでウェブサイトを作成するための優れた基盤となります。 すでにこのセットに含まれているため、多数のフォームの描画に時間を費やす必要はありません。 コンポーネントをプロジェクトに移動し、スタイルを変更して使用するだけです。 シンプル、高速、エレガントです。
Bricksの各コンポーネントは、カスタマイズおよび編集できます。 コンポーネントのあるフォルダーには、これらのコンポーネントのさまざまな視覚的バリエーションがあります。 フィレットの半径をカスタマイズしたり、好きなスタイルを選択したり、ホバーまたはクリックしたときにアイテムオプションを選択したりできます。
たとえば、通常の入力フィールドを考えてみましょう。 一見、これはかなり単純なUI要素ですが、そうではありません。 入力フィールドは一種のシンフォニーであり、エラーが発生したとき、操作が成功したとき、ホバーしたとき、クリックしたときのフィールドのタイプなど、さまざまなオプションが含まれています。 そして、クライアントが突然、長方形の形状を角の丸い形状に置き換えることに決めた場合はどうなりますか？ 各入力フィールドは多くの設定を持つコンポーネントであるため、レンガはこの問題の解決に役立ちます。
コンポーネントで使用されるテキストフォルダーは青色で強調表示されます。 見出しまたは説明を変更する場合は、ディレクトリ「」で見つけることができます。 コンテンツ」。
コンポーネント用に独自のスタイルセットを作成することもできます。これにより、時間を節約し、将来のプロジェクトでそれらを使用できます。
レンガはフレームワークの中核です。 近い将来、追加コンポーネントを含むクールなアドオンをリリースします。 これらの追加は、フォーム、要素、電子商取引、単語などのカテゴリに分類されます。
ビデオプレゼンテーション
私たちの計画
近い将来、フレームワークの100の新しいコンポーネントを含む4つのアドオンをリリースする予定です。 また、新しい要素を追加してコアを更新する予定です。 キットが存在し更新されるためには、あなたの助けが必要です。 不利な点をお知らせいただければ幸いです。 また、独自のコンポーネントを作成したり、既存のコンポーネントに構成を追加して、すべてを送信することもできます。 気に入ったら、標準のBricksビルドに含めます。
現在、BricksはPhotoshopのPSDファイルとしてデザイナーに提示されています。 セットおよび追加の要素を構成することで、開発者向けの本格的なフレームワークを作成する予定です。
Behanceでのプレゼンテーション
ダウンロードする
フレームワークの作成者はmaDByteです