3966c544287473.58c985f0c3f73

Web デザインとノキア OZO の視覚的なデザイン

From Web Design and Visual Design for Nokia OZO

Web デザインと視覚的なデザインの Nokia OZO abduzeedo 2017 年 3 月 23 日ノキア OZO は web デザイン、インタラクション デザイン、UI ・ UX プロジェクト彼のヴィクトル Vörös で共有朗報プロファイル。
OZO はバーチャルリアリティ カメラは、最初の種ともちろんそれに見える扉を開きエメリーの未来とヴィクトルが大変美しくシンプルに紹介した作業そして、エレガントな web サイト。
彼のデザインについての涼しい事は、カメラは常に最初のガンプラのne とすべての方法でセカンダリに見えます。
常にポップのカメラと低コントラストの画像それとテキストと黒と白のテーマを助ける非常に多く。
十分な説明については、は後部をチェックしてください。
小胞体ブレークし、あなたが何を聞かせ。
世界の最初プロ仮想現実は来てください。
ra。
ノキア技術によって細工された OZO を組み合わせた究極のエンジニア リング機能とインテリゲント デザイン最高の仮想現実の生産経験を提供します。
ヴィクトル Vörös は数字セゲド、ハンガリーからアル デザイナー。
彼は常に彼の野心の高いデザイン、情熱すべての回でフォーカスの品質。
彼は、マイクロソフト、サムスン、ロレアルのようなクライアントの仕事をしてください。
プロフェッショナル、ヴォーグ、ロールス ・ ロイス、コナミ、20 世紀フォックス ・詳細。
詳細についてはチェック アウトhttp://hellowiktor.com/ Web デザイン web デザイン UI ・ UXビジュアル デザイン
featured_ebay

eBay の再設計のホームページ (再び)

From eBay Redesigns Its Homepage (Again)

彼らは、3 つの時間の魅力と言います。
多分 eBay のための 2 はそれが来るとき、それが取るすべてはホームページ デザイン。
2013 年後半のオークション サイト試行されたホームページ デザイン変更それt すべてがわかりやすい。
一方、再設計に基づいて表面の関連商品になっていた最終的な結果が実際にサイト訪問者 t を余儀なくされた利益、各買い物客のブラウジングの習慣o は、代わりに仕事の公平なビットを行います。
この時期に、4 年後、会社は再びいるあのそこホームページ デザイン、それを期待している 1 つの承認と満たされます。
これの後ろの考えは、私をしようとs 単に訪問者の閲覧や買い物の l のユーザーの行動を強化するユーザー エクスペリエンスを向上ike 彼らはこれを行うに使用しています。
水平方向の画像カルーセルがこの新しい外観; の特徴彼らはカード ベースの組織の一種で他の上に積み重ねられています。
P の行を並べ替えるユーザーが、アイテム ショップのリストに含まれている製品を見てきました最近 roductspers はの追跡、製品と eBay のアルゴリズムを使用するお勧めしますオークション店です。
rs。
この 2 回目の再設計と 4 年から障害が発生した 1 つの大きな違い以前は、売り手に従うか、製品を保存するための条件の不在です。
そういう要件は、再設計の前回の貧しい UX に貢献したものだったにもかかわらずサイトのパーソナライゼーションを高めで刺す。
EBay は p 尻込みとは思わないersonalization、しかし。
最新のパーソナル化スキームを含む eBay をソートするイニシアチブ '任意の個々 の一覧の代わりに製品の種類によって商品の s のコレクション。
同社は期待しています。
この変更は個人では、以前の試みから悪い UX を修正します。
eBay の大きな利点その他電子商取引 Amazon のような小売業者は fi をすることはできませんより稀な商品にも併設他のサイトで nd。
もちろん場合は、eBay の新しいパーソナル デザインはクへの訪問者を許可しませんickly この大きな差別化要因は、議論の余地になるし、簡単に見つけると、手間をかけずにレアものポイント。
このデザイン今、ホームページだけに限られたの残りの部分に広がる最終的に全体のサイトでは、eBay のように今のところ、水をテストするホームページ デザインを使用するようです。
それ 'll は、サイトのすべてのページからサイト全体で効果的なデザインを持っている最善の利益、eBay の訪問者の大半最初ホームページの土地はありません。
実際には、サイバー月曜日の 17% だけにアメリカのユーザーからの訪問は、eBay のホームページで開始しました。
全体を巻き込むと再設計の外観今年、モバイル版は、redesi の中間点の前にいつか eBay サイトgn は 2017 年の終わりの前に効果的です。
最後の日: 15 InDesign 誌・ パンフレット Templates 24 ドルのみ! ソース p img {表示: インライン-ブロック;余白-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 体 #browserfriendly p、body #podcast p、div #emailbody p {余白: 0;}
extend-buddypress-01

バディの拡張と bbPress の 10 無料のワードプレスプラグイン

From 10 Free WordPress Plugins for Extending BuddyPress and bbPress

バディは、あなたのワードプレスの web サイトにコミュニティ機能を追加する強力な無料のプラグインです。
インストールl アクティビティ ストリーム、ユーザー プロファイル、n のような便利な機能へのアクセスを必要がありますあなたのサイトにotifications、グループとプライベート メッセージします。
しかし、それはバディにすることができますのベース層行います。
bbPress は、バディと共に頻繁に使用されるフォーラムのプラグインです。
フォーラムは、eas簡単に使用して、バディ グループに合って、目の y です。
拡張バディと bbPrプラグインで ess は、実際のオンライン コミュニティ胡にあなたのサイトを作るにも多くの機能をもたらすことができます。
b. あなたは、いくつかのクールな機能で簡単に追加することができますで驚かれるかもしれません。
ここでは、10 の無料 plugi です。
ns BuddyPress と bbPress をより良くするため使用することができます: バディ バディ編集活動仲間プレス編集活動により、簡単に目から彼らのアクティビティ ストリーム内のアイテムを編集するのには、サイトのユーザーe フロント エンド。
管理者も編集が許可されてどのくらいの時間制限を設定できます。
バディ メンバー Type バディ メンバー型のジェネレーターを活用してメンバーの種類機能のイントロのバディ 2.2 に伴う残留。
ユーザーのフィルター、メンバーの特定の取締役にアクセスするメンバーの種類を使用できます。
y.プラグインでは、さまざまなメンバーを簡単に作成および一括割り当てにユーザーできます。
BuddyPress バディ Xprofil と便利なユーザー プロファイル フィールドの多くを Xprofile カスタム フィールド型を追加e フィールドを入力します。
利用可能なフィールドは、生年月日、URL、datepicker、イメージ、ファイル、カラーピッカー、カスタム投稿タイプと分類のためのセレクターおよび数。
バディ グループ電子メール サブスクリプション芽dyPress グループの電子メール サブスクリプション グループ会員に活動の周知徹底を保つことができます。
5 つのバリアがあります。
通知レベルからメンバーを選択することができますを借りる: 毎日ダイジェスト メールで概要を毎週電子メール、メールなし、すべての電子メールと新しいトピック。
必要な場合、管理者はユーザーのデフォルトの通知レベルを設定できます。
バディ登録オプション スパムボット inte に他のすべての同様バディを打つことができます。
rnet。
バディ登録オプションにより節度を可能にする、スパム登録スカッシュ新しいユーザー アカウント。
管理者が承認または ne を拒否するときに、電子メール通知を送信します。
w 登録者。
このプラグインは、bbPress とも動作します。
bbPress bbPress 製品タブ bbPress「プロダクト」タブWooCommerce 製品にフォーラムのパワーをもたらします。
すべての表示を切り替えるだけでフォーラムを設定できます。
いくつかの製品とお客様のニーズを満たすためにタブをカスタマイズします。
Usi ならバディ bbPress サポート トピックng bbPress/バディ バディ bbPress サポート トピックの顧客サポートを提供するためには、いくつか便利なさまざまな機能を追加します。
研は (またはない) サポート リクエストとして新しいスレッドをマークするユーザーを許可します。
バックエンドに関して、管理者 c に参照してくださいスレッドをサポートし、ステータス変更します。
bbPress レポートは、忙しいフォーラムを持っているか。
BbPress を使用して for 技術サポート?bbPress レポート新しい t 数を含む有用な統計情報の数を提供します。
新薬と最も忙しい時間帯。
個々 のメンバーのための統計情報をチェックすることも。
bbPress 票 BbPress の投票であなたのフォーラムをより多くの対話をもたらします。
プラグイン追加しますフォーラムのための能力ers をあきらめる、上下のトピックまたは返信に投票。
彼らの投票してフォーラムの投稿をクエリも実行王。
bbPress 単純な広告ユニット bbPress 単純な広告の単位すべてがあなたのフォーラムを収益化することができます。
広告の配置のおかげで。
広告は、複数のスポットに表示できる そのような物の間に、内で投稿、最初の投稿、トピック ページ、個々 のフォーラム ページまたはメインの上下のボディフォーラム インデックス。
バディの組み合わせのコミュニティを築き、bbPress が bu を構築するを助けることができます。
stling と生産的なオンライン コミュニティです。
そして、ワードプレスの利点を取るので they ' re も非常に使いやすく、お客様のニーズに合わせてカスタマイズします。
実験には、b をどのように参照してください。
enefit あなたのワードプレスの web サイト。
ポストを拡張するバディの bbPre 10 無料のワードプレスプラグインss はおいたデザイン マガジンに初登場。
関連記事: スピードアップのためのヒント ・ プラグインワードプレス 12 あいまいなワードプレスのプラグインを ’ ll 愛ワードプレスのカスタム フィールド 単純な使用
Grungy%20Vintage%20Text%20Effect%20-%20850

Adobe Photoshop でグランジ レトロなテキスト効果を作成する方法

From How to Create a Grunge Retro Text Effect in Adobe Photoshop

どのようなあなたがするからチュートリアルは、レイヤー スタイルを使用する方法を示しますノイズ、グランジ テクスチャs、および調整レイヤー汚れたハーフトーン レトロなテキスト効果を作成します。
始めましょう! この text の影響は、GraphicRiver で利用できる多くのレイヤー スタイルに触発されました。
チュートリアルの資産、follo翼の資産は、このチュートリアルの生産の間に使用された: バーフォード ベース フォント 30 簡単な Pamslooten [制限しない] - frozenstocks フィルムの粒子・ n によってデジタルのグランジ テクスチャ 11 で tternsbsp; Californianinja 無制限 - frozenstocks 光グランジによってデジタルのグランジ テクスチャ 16Webdesignerlab 1 によってシームレスなパターン集 3。
パターン層ステップ 1 を作成する作成方法背景が白の 512 x 512 px の新しいドキュメント。
右クリックして、背景レイヤーを複製、コピー、およびスマート オブジェクトに変換を選択します。
前景色と背景色の 2 セットを Bl にステップします。
ack と白、そしてフィルターに行く > レンダリング > 雲。
2. 汚れたハーフトーン Patt の作成方法ステップ 1 は、フィルターに行く ern > フィルター ギャラリー > テクスチャ > 粒、これらの設定を使用して: Intensity: 60 コントラスト: 0 グレインの種類: 振りかけるステップ 2 は、ボットに新しい効果レイヤー アイコンをクリックして別のフィルターを追加するフィルター ギャラリー ウィンドウの om。
スケッチに行く > ハーフトーン パターンとこれらの設定を使用: サイズ: 2 コントラスト: 6 パターン タイプ: ドット手順 3 追加別の新しい効果レーr、スケッチに行く > グラフィック ペン、これらの設定を使用して: ストロークの長さ: 15 明暗バランス: 50ストロークの方向: 右斜め OK をクリックして完了します。
ステップ 4 編集に移動 > パットを定義アジサシと種類名のフロントのパターンです。
3. 単純なパターン背景のステップ 1 を作成する方法新しい 950 x 750 px 文書を作成、作成新しい塗りつぶしまたは調整レイヤーのアイコンをクリックして、ボットレイヤーの om、パネル、ソリッド カラーを選択します。
2 セットの塗りつぶしの色を #a2563b にステップします。
ステップ 3 これらの設定でパターン オーバーレイ効果を適用する単色レイヤーをダブルクリック: ブレンドモード: 柔らかい光パターン: ドット基本背景が作成されます。
4. テキストを作成する方法レイヤー バーフォードのフォントを使用してテキストのスマート オブジェクトのステップ 1 を作成します。
色を白、Si に設定します。
350 pt と-75 に追跡する ze。
2 名の変更テキスト レイヤーをテキストにステップ、そのレイアウトを右クリックしてくださいえっと、スマート オブジェクトに変換を選択します。
ステップ 3 は、テキスト レイヤーを複製します。
5. 作成方法 Extrusion 層ステップ 1 重複テキスト レイヤー再び、押し出し、次に p を新しいコピーの名前を変更します。
ut グループにし、押し出しも名前します。
手順 2 で、押し出しレイヤーを選択、プレス無料変換モード プレス各左矢印および下向き矢印キー o を入力するコマンド + T押出層 1 を微調整する nce-コードこれらの方向のそれぞれのピクセル。
受け入れるようにリターンキーを押す、変更します。
ステップ 3 プレス Shift-コマンド-オプション-T と 21 のコピーを作成する約 21 回同じ変換です。
E に基づいて作成する場合どのように多くのコピーを実際に決めることができます。
xtrusion サイズをお気軽にあなたのようにコピーの任意の数に行くので。
手順 4 で [すべて押出成形レイヤーおよびレイヤーに移動 > アレンジ > ラの正しい順序を取得する逆yers。
ステップ 5 フロント グループ、裏 g の下の 3 つのトップ 3 押出レイヤーに配置します。
事業本部、および中間のグループの残りの部分。
6. どのように作成影レイヤー ステップ 1 に、ラスを複製t 押出層 (Back グループの最下層)、およびシャドウ コピーの名前を変更。
Sha をドラッグします。
ダウは押出グループ レイヤーし、同様のシャドウの名前の新しいグループに配置。
Step 2 同じトランス フォームと重複する手順を使用して、影のコピー層のカップルを作成この時期だけ、影のレイヤー 1 を微調整する必要があります右と 1 px 下に px。
ステップ3 を確認したら影レイヤーの順序を逆にする、コピーを作成します。
ステップ 4 Plエース テキストとテキスト テキスト グループ内のレイヤーをコピーします。
7 フロント テキストのスタイルをどのようにレイヤーを召しe クリック次のレイヤー スタイルを適用するテキスト コピー層: 1 追加これらのセットを使用してストロークのステップ寄託された: サイズ: 3 位置: 内側のカラー: #fbe8d2 ステップ 2 はこれらのセッティの内側の影を追加ngs: ブレンド モード: 線形を燃やす色: #515151 不透明度: 50% 距離: 6 チョーク: 50 サイズ: 5手順 3 追加これらの設定でオーバーレイの色: 色: #f5edea ブレンド モード: 暗い色の不透明度: これらの設定でオーバーレイ パターン 4 の追加のステップ 50%: ブレンド モード: 色を燃やすパターン: Sawt段丘規模: 50% ステップ 5 変更コピー テキストレイヤー Fill 値 0 に。
ステップ 6 をダブルクリックします tこれらの設定でパターン オーバーレイ効果を適用する彼の元のテキストレイヤー: 不透明度: 95% パットrn: フロント パターン スケール: 50% これがスタイルのテキストの前の部分。
8 t のスタイルを設定する方法彼の色を使用して色をオーバーレイ効果を適用するグループの前面押し出しステップ 1 をダブルクリック #3c3b3b. ステップ 2 前面レイヤーを右クリックし、レイヤー スタイルをコピーを選択、背面レイヤーを右クリックしてレイヤー スタイルをペーストを選択します。
中間グループを展開し、内部にすべてのレイヤーを選択右クリックk、それらのいずれか、再びレイヤー スタイルをペーストを選択します。
手順 3 を適用する中央グループをダブルクリックしますこれらの設定でオーバーレイ パターン: ブレンド モード: 分割不透明度: 35% パターン: 斜めの線中型押し出しのスタイルはこれ。
9. どのようにシャドウ ステップ 1 ダブルクリックのスタイル、これらの設定でオーバーレイの色効果を適用するシャドウ グループ: カラー: #a89a96 ブレンド モード: Multiply 不透明度: 75% ステップ 2 変更シャドウ グループの Fill 値を 0%。
10. テキストを追加する方法ure オーバーレイ テクスチャを追加する前にグループでテキスト、押出成形、およびシャドウ グループに配置し、わかりやすくするために、テキストの効果を呼び出します。
ステップ 1 スマート ob としてテクスチャを追加することをお勧めファイルに行くことによって利 > 場所リンク。
かつ制限なし - デジタルのグランジ テクスチャを追加することによって開始します。
11 純色レイヤーの上に画像し、必要に応じてサイズを変更します。
BG テクスチャ レイヤーの名前を変更します。
ブレンド モードを覆い焼きカラーと不透明度を 30% に変更します。
ステップ 2 は、画像に移動 > Adjustments > 色相/彩度、-100、彩度値を変更します。
古いバージョンを使用している場合Photoshop のような意味でいくつかの理由のため、スマート オブジェクトのレイヤーに直接調整を適用できませんか、テクスチャレイヤーのいずれかラスタライズすることができますか、代わりに調整レイヤーを使用します。
ステップ 3 Im に移動します。
年齢 > 調整 > 明るさ/コントラスト。
従来方式を使用ボックスをチェックして、コントラストを変更します。
-50。
レガシ オプション作成はるかに少ない、完全の黒と白のコントラストを調整することができます。
コントラスト。
4 場所のすべてのレイヤーの上にフィルムの粒子画像をステップし、必要に応じてサイズを変更します。
名前を変更します。
e テクスチャのテクスチャをオーバーレイ 1 レイヤーし、オーバーレイにブレンド モードを変更します。
手順 5 を行き魔道士 > 調整 > レベル、および 0.70 にガンマ値を変更します。
ステップ 6 場所、UNRESTRICTED - デジタル グランジ テクスチャ 16 画像のすべてのレイヤーの上に、必要に応じてサイズを変更します。
Te の名前を変更します。
テクスチャに器具のレイヤー 2 をオーバーレイし、柔らかな光とその不透明度にブレンド モードを変更20%。
ステップ 7 画像に移動 > 調整 > 色相/彩度、彩度値に変更-100。
11. グローバル調整レイヤーのステップ 1 を追加するグラデーションのレイヤーをすべてレーの上にrs。
左右の 0000 に色 #6f6f6f を使用して塗りつぶしの色のグラデーションの塗りつぶしに透明を作成します。
右側に 00。
ラジアルと 200、規模にスタイルを変更し、レイヤーの変更オーバーレイにブレンド モード。
2 追加、明るさ/コントラストの層をステップし、コントラストを 25 に変更します。
ステップ 3 追加写真フィルター層と #ec9600 色を使用します。
ステップ 4 追加カラー バランス ラヤーは、これらの設定を使用して: ミッドトーン シアン/赤: 20 マゼンタ/緑: 12 イエロー/ブルー: 12 12。
どう汚れた効果ステップ 1 選択テキスト エフェクト グループを作成し、追加レイヤー マスク アイコンをクリックしてそれにマスクを追加するには、[レイヤー] パネルの下部にあります。
ステップ 2 選択ペイント ツールを選択オプション バーで、し光グランジのシームレスなパターンからパターン塗り 15 パターン第 3 巻パック。
テキスト効果のマスクが選択されていることを確認し、パターンでそれを埋める. ステップ 3 汚れた効果を強化するレベル ボックスと差分を取得するコマンド-L を押す強化地域 er マスク内部のパターン塗りつぶしを暗く影の値を緩和します。
汚れた効果の結果、構える。
おめでとうございます!このチュートリアルでは、あなたが行っていることフィルターのカップルを使用して単純なハーフトーンのパターンを作成します。
次に、我々 は変換されたテキストを作成スマート オブジェクトに、押出、影のレイヤーを作成するそれを複製します。
その後、我々テキスト、押出と影レイヤーとハーフトーン レトロな効果を達成するためにグループのそれぞれのスタイルt. 最後に、我々 は、テクスチャ オーバーレイ、調整レイヤーを使用し、パターンの塗りつぶし効果を終える. お気軽にコメント、提案、および以下の結果を残します。
75497050402479.58d05ab0d994b

グラフィック デザイン ・ ビジュアル ・ アイデンティティ: ベテランジョエルフェイナー君

From Graphic Design and Visual Identity: Feiner Herr

グラフィック デザイン ・ ビジュアル ・ アイデンティティ: ベテランジョエルフェイナー君 AoiroStudio 3 月 23、2017このビジュアル ・ アイデンティティ ・法人カン ベテランジョエルフェイナーのグラフィック デザインの仕事を見てをみましょう君。
風にアレンジしたパンケーキについてのすべては、屋台の食べ物の起動。
本当に感謝どの ap域は、完全に色、製品、シェフからはすべてに約何ベテランジョエルフェイナー君とをフィットします。
空想探してトラック。
完全に、くぎ付けになった法人をお楽しみ!それは wo は朗報を掲載法人カンから rk。
彼は、ドイツのベルリンに拠点を置くデザイナーです。
アート ・ ディレクションに彼の仕事に焦点を当てください。
グラフィック デザイン、ブランディングします。
法人はまた、共同創設者と呼ばれる視覚的集団: LDMA。
飛ner 君-ベルリンに拠点を置く屋台起動時のパンケーキ モダーン、企業のアイデンティティグラフィック デザインの視覚的なアイデンティティのブランディング

海外の最新Webデザイン事情を紹介するデザインメディア