ウェブ

可能であればコピー：コピーワークによるUIデザインスキルの向上

**ユーザーインターフェイスのデザインスキルを向上させる**ためのテクニックがあります。これは、視覚的な語彙を拡張するための最も効率的な方法ですが、デジタルデザイナーが言及することはめったにありません。私はコピーワークについて話している。コピーワークは、作家や画家が何世紀にもわたって使用してきた技法です。自分のスキルを向上させるために、既存の作品を可能な限り忠実に再現するプロセスです。私たちの場合、これはピクセルごとにユーザーインターフェイス（UI）デザインピクセルを再作成することを意味します。

高級産業におけるユーザーエクスペリエンスデザインの現実

高級企業や高級ライフスタイルサービスプロバイダーにとって、卓越した経験は、提供される価値の重要な要素です。マスマーケットとは概念的に異なり、ラグジュアリードメインは、最高の差別化された製品とサービスを提供するだけでなく、体験的な価値を提供することに依存しています。テクノロジーを採用し、プラットフォームとイニシアチブを通じてデジタルプレゼンスを採用することで、**今日のラグジュアリー業界は、比類のないユーザーエクスペリエンス（UX）をオンラインで設計するという課題に取り組んでいます**。この記事では、ケーススタディを紹介し、贅沢なライフスタイルサービスプラットフォームとそのモバイルアプリのUXデザインの特徴に関する観察結果を共有します。

灰色の日のカラフルなインスピレーション：最高のイラストと写真

あなたが住んでいる場所がまだ雪であるなら、あなたはおそらく今では寒い天気にうんざりしているでしょう。冬は本格的になるかもしれませんが、それは私たちがインスピレーションを探すのを止めることはできません。灰色の日はいつも私たちをますます**春が来ることを切望する**ようにする方法を見つけているように見えますが、それは私たちが仕事を振り返り、おそらく私たちが何を望んでいるのかをよりよく決定するために使用できる時間でもあります今後数か月で改善または変更します。信じられないかもしれませんが、これらの写真やイラストのいくつかは、私が作成するデザインの出発点です。それらは、創造のプロセスを動かす火花です。それほど時間はかかりません。それは、特定の色、スタイル、テクスチャ、または実際に何かであるかどうかにかかわらず、私の目を引く要素の任意の部分である可能性があります。今日のセレクションには、建築、色、2016年の最高の写真など、あらゆるものが含まれています。私の遊び場を気に入っていただければ幸いです。 ;）

スケッチでレスポンシブミュージックプレーヤーを設計する（パート2）

このチュートリアルの第2部へようこそ。ここでは、[第1部]（https://www.smashingmagazine.com/2017/01/designing-sensitive-music-player-sketch）で開始した音楽プレーヤーの設計を終了します。 -パート1/）。これには、下部にアイコンを作成することや、音楽プレーヤーをレスポンシブにすることも含まれます。これにより、すべての要素がアートボードの幅に適応し、さまざまなデバイス幅に使用できるようになります。すべてのアイコンを作成する際の前提は、カスタムのベクター要素ではなく、できるだけ頻繁に基本的な形状を使用することです。 **形状の設定と変更ははるかに簡単です**。ブール演算を使用して、形状をより複雑な形式に組み合わせることができます。

機能的なアニメーションがユーザーエクスペリエンスの向上にどのように役立つか

アニメーションが有用である場所を特定することは、話の半分にすぎません。デザインでアニメーションを使用する場合は、アニメーションをデザインプロセスの自然な一部として作成する必要があります。

Web開発者向けのHTMLメールの作成と送信の概要

電子メールの設計と開発は野獣です。電子メールクライアントベンダーは、新しい標準の採用においてWebブラウザベンダーほど進歩的ではありませんでした。これが、メールの作成と送信の世界への洞察です。

インスピレーションを開始するための光、影、テクスチャのステラ使用の50の例

多くの人は、愛、食べ物、そして友達でいっぱいのホリデーシーズンの後で、心を仕事に戻すのが難しいと感じています。 2017年5月は、健康的で刺激的な冒険をもたらします。そのキックスタートのインスピレーションについては、この記事があなたを創造的な考え方に戻すのに役立つことを願っています。上のイラストはきっと誰もが憧れるスタイルです。使用される色の組み合わせは単純に素晴らしいです—とてもシンプルですが、とても複雑です。

会話型デザインの要点：チャットボットを構築するためのヒント

人間の相互作用は、社会的なぎこちなさ、コミュニケーションのスタイル、知識の伝達方法、ストーリーの伝え方、信頼の構築方法など、よく見ると非常に魅力的です。しかし、マシンが同じ応答を引き起こすとどうなりますか？会話型インターフェースは、UXデザインの新たな注目を集めています。 Googleは新しい仮想アシスタントチャットボットをリリースしようとしています。 Facebookはすでにチャットボットを備えた更新されたMessengerプラットフォームを立ち上げています。マイクロソフトは、将来のオペレーティングシステムはWindowsではなく、「プラットフォームとしての会話」であるとまで主張しました。

共有スタイルシートを使用したWebコンポーネントのスタイリング

Webコンポーネントは、Webの驚くべき新機能であり、開発者が独自のカスタムHTML要素を定義できるようにします。 Webコンポーネントをスタイルガイドと組み合わせると、コンポーネントAPIを作成できます。これにより、開発者はコードスニペットのコピーと貼り付けを停止し、代わりにDOM要素を使用できます。 Shadow DOMを使用することで、Webコンポーネントをカプセル化でき、ページ上の他のスタイルシートとの特異性の戦争について心配する必要がなくなります。ただし、現在、Webコンポーネントとスタイルガイドは互いに対立しているようです。

API駆動のWebサイトが世界を旅するのにどのように役立つか

小さなカフェから成長中のスタートアップに至るまで、いくつかのクライアントWebサイトを構築した後、Stefan Judisは、聖なるWYSIWYGエディターが必ずしも私たち全員が探している特効薬ではないことを理解しました。これらのインターフェイスは、Webサイトの構築を容易にすることを目的としていますが、さまざまなプラットフォームでのコンテンツのユースケースは常に多くあります。