bruck - コーディングベースのプロトタイプシステム
Webサイトのプロトタイプを作成する際には、こだわり過ぎないくらいのデザインに留めておくのが大事です。文字の大きさや画像の内容など、本来関係ない部分までデザインしてしまうと余計な議論に繋がりかねません。 そこで使ってみたいのがbruckです。HTMLタグベースでプロトタイプをさくさくと作れます。 bruckの使い方 左側がエディタ、右側にプロトタイプが描かれます。Webコンポーネントベースになっています。 パラメータを変更すれば、内容が即座に反映されます。 画像部分の大きさを変更するのも簡単です。 bruckは専用のタグさえ覚えてしまえばプロトタイプをコーディングベースでどんどん作成できます。ミーティングをしながら、その場で反映するのも問題なくできるでしょう。常に同じ結果ではなく、テキストの区切り部分が異なるのも面白いです。 技術的にはHoudini Paint API（CSSペイントAP
2018年 導入してよかったデザインツール｜灰色ハイジ｜note
Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrast - Principle - Figma - RealtimeBoard - IconJar - UXKit - Notion - ConceptsContrast WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）が定めた数値で色のコントラストチェックができます。これまでにも同様のツールはありましたが、Sketchのプラグインだったり特定のソフトウェアでしか使えなかったものが、これだとMac Appでメニュー バーから起動できるのでどのソフトウェアでも使えます。 Principle アニメーションやインタラクションがつくれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
