UI開発の流れが変わる！React Storybookでデザイナーも開発者も幸せになれる
「用意されたUIパーツが足りなかった」「運用中のUIのメンテナンスが困難」。Reactアプリの開発ならReact Stroybookで問題を解決できるかもしれません。 フロントエンドのプロジェクトを始めるとき、きれいなデザインを考えることから始めます。細心の注意を払って、UI部品とステートやエフェクトを考えて描いていくでしょう。しかし、開発の最中でも次々に変更が発生します。新たな要求、予測していなかった使い方などが、いろいろなところで発生します。当初はかっこいいと思っていたコンポーネントだけではすべてをカバーできず、結局、新しいデザインを考えて拡張することになるのです。 それでも、その時点でデザイナーがチームにいればまだ良いほうです。多くの場合、デザイナーは別のプロジェクトに移っていて、あとから発生したデザイン変更には開発者が対処することになります。その結果、デザインの一貫性が崩れ、ライブ
田川欣哉、深津貴之、中村洋基——トップクリエイターが語る「体験」のデザイン
日本を代表するトップクリエイターたちは体験（エクスペリエンス）をどう捉え、デザインしているのか？ セミナーイベント「CODE Digital Creative Academy」で語れたその内容をお届けします。 デジタルを介して創造した「体験（エクスペリエンス）」により、成功したマーケティングコミュニケーション事例を顕彰する「コードアワード」。コードアワード事務局では、デジタルマーケティングやクリエイティブに関わるすべての方に向け、トップクリエイターのお話から業界の今と未来を考えるセミナーイベント「CODE Digital Creative Academy」を開催しています。 「コードアワード2018」から追加される「プロダクト＆サービス」賞の新設を記念し、第3回は「体験（コト）のデザインとは何か。デジタルマーケティングと結びつくとき、XDは一気に花開く」をテーマに3月13日（火）開催しまし
Adobe XDで始める爆速プロトタイピング
ワイヤーフレームから本格的なプロトタイプまで一気に作れるAdobe XDの人気が高まっています。実際に手を動かしながら基本的な流れをつかんでみましょう。 Adobe XDは比較的新しいソフトですが、すでに大好評を得ています。そこで簡潔ながらも楽しいチュートリアルを作成しました。Adobe XDのみで設計とプロトタイピングができて、手に負えないほどの複雑さは感じないことを実感してください。 少し前に、Adobe XDとSketchを比較しました。ユーザーインターフェイスの設計にSketchは優れた選択肢ですが、PhotoshopやFireworksなどのアドビのアプリに慣れたユーザーにはAdobe XDが使いやすいでしょう。 Sketchでプロトタイプ機能を試すならサードパーティのサービスに登録して拡張機能のインストールが必要ですが、Adobe XDは最初から備えています。Adobe Cre
SketchとFigma、UIデザインの共同作業にはどっちが向いている？
デザインツールの選択基準が変わってきそうです。チームで1つのサービスやアプリのデザインを進める「マルチプレイヤーデザイン」に適したツールが登場し始めています。SketchとFigmaを比べてみました。 マルチプレイヤーデザインとは、複数のデザイナーが同一のデザインファイルを作業することです。 専属のデザイナー1人でデザインするのではなくデザインチームで仕事を進めることが増えています。これに伴い、複数のデザイナーが1つのデザインファイルで作業するためのテクノロジーの開発も進んでいます。 この記事では、1人でデザインするデザイナーにもマルチプレイヤーデザインが必要なのか、環境に応じてどのアプリを使用すべきなのかを検討します。 マルチプレイヤーデザインは評判倒れ？ 半年前まではSitePointチームもマルチプレイヤーデザインは評判倒れだと考えていました。 しかし共編者のAlexがサイドプロジェ
カード型はもう飽きた!? SVGとCSS3で変わるWebレイアウトの最新トレンド
カード型、タイル型などのグリッドをベースにしたレイアウトに、曲線や斜めを取り入れるのが最近のWebデザインのトレンド。CSS3やSVGを使った実装方法と合わせてトレンドを取り入れるヒントをお届け。 Webサイトは基本的に長方形がベースになっています。 もちろんこれには理由があります。古代から伝わった粘土板、パピルス、本のように、Webサイトも文字、言葉、文章が詰まった行でほとんど成り立っています。同様に、写真も長方形です。長方形の「れんが」で長方形の「壁」を作るのは理にかなっているのです。 Webサイトを組み立てるたくさんの「ブロック」は初期設定で長方形に形作られています。開発者なら、<div>、<article>、<sections>要素やその他の似たようなコードタグの話だと分かると思います。 CSS3以前は、違うシェイプを作るのにビットマップ画像をWebデザインに挿入する必要がありまし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
絶対見ておきたい国内有名企業のHTMLメール事例まとめ (1/3)