タグ別アーカイブ: ui

minimal-html5-frameworks-01

高速の 10 の無料の軽量 CSS フレームワークを開始します。

From 10 Free Lightweight CSS Frameworks for a Fast Start

品質対応 CSS フレームワークを使用して与えることができる素敵なさい先のよいスタート任意の web デザイン プロジェクトに。
Sブートス トラップのような青梅が少し余分なコードの肥大化はかなり急な学習が必要なもの曲線。
理想的には、十分な機能は、パッケージで作業するためにヒット地面を実行していないオプションの束とあなたを圧迫しながら必要はありません。
それとともに目標念頭に、ここでは、すべての一括せず-基礎を提供する 10 の CSS のフレームワーク。
FICTOAN FICTOAN より大きくより複雑なフレームワークのファンではない人のための素晴らしい選択を目指しています。
それ鮮やかな配色、カスタム アイコンと軽くスタイル デザイン要素の多くを備えています。
雪崩 雪崩は、あなたのニーズに合わせてカスタマイズできるフレームワークです。
そこに利用可能なパッケージは、します。
流動的なグリッド システムのような特定の機能を有効にすると、クラス、容器のオフセット間隔ともっとその。
圧縮 5 k 未満で Beauter、Beauter は確かに真剣に挑戦を取る軽量です。
ただし、機能がないわけではないです。
あなたは、応答のような基礎を得るアイブ グリッド、いくつかの特典も視差スクロール、助動詞、ツールヒントおよびいくつかの素敵な容器が好きです。
バニラのフレームワーク バニラ フレームワークはシンプルでデザインの偉大な出発点を与えるため、プロジェクト。
コンテナーが多いし、見栄えの含まれているデザイン要素を所有して、自分の but はあなたの目的の外観に合わせて簡単にカスタマイズされています。
ブルマ ブルマ CSS Flexbox は、ful です。
なものだけを使用することができます ly 応答性とモジュール式のフレームワークが必要です。
すべての advan を取得します。
Flexbox と列の nu に基づいて自動的にリサイズ タイルなどのmber とビューポート。
ミリグラム ミリグラムの重さほとんどとしてほぼその同名として-ちょうど 2 k とき com押されました。
期待してスタイルの数を最小限に抑えるために設計されたすべての基礎が含まれていますリセットする必要があります。
InvisCss InvisCss より複雑なフレームワークに代わるものとして建設されました。
s. パッケージは、シンプルな CSS セレクター名と、最小限はまだ魅力的な UI を備えています。
結果を見る個人的なプロジェクトの外観公開としてのミニマルな CSS のフレームワークとしてリリースされましたサイト開発のための基本的な出発点です。
デザイン要素は、簡単とするカスタマイズすることができます。
r の好み。
サス、unlimitedGrid に基づく unlimitedGrid は、柔軟な携帯最初グリッド フレームワークです。
それに必要な機能を使用する必要はありません、モジュール式の。
Flexbox のサポートが含まれていて、複数のグリッドのバリエーションから選択する再。
大きい fr を「逆アプローチ」として重要な請求対応、バイタル、軽量でスケーラブルです。
サスを使用して構築された、効率的なグリッドを見つけるレイアウト、カスタム ボタンおよびローダー。
いくつかの便利なレイアウト スタイルは p のようなものの含まれています鳳統のコラージュ、カード容器およびフォーム。
全体のポイントのフレームワークを使用して光が、強大な任意の種類は、あなたの仕事を容易にするためです。
だから行くと CSS のスルーのスタイルを変更することまたは b をロードスクリプトも使うつもりの料金は、すべての論理に反するようです。
1 つ以上を使用してください。
頭痛のすべてのことがなく、ファスト ・ スタートをの情報は上記の基本的なフレームワークから取得します。
と、、それらのいくつかはモジュール式のアプローチを使用して、必要な項目だけを選択することができます、特定のプロジェクト。
それのような多くである! 高速 St のためのポスト 10 無料軽量 CSS フレームワーク芸術は、おいたデザイン マガジンで最初に出現。
関連記事: 60 のアイコン ・ ボタン ・ テンプレートトップ 50 の無料ソーシャル メディア Ico コードの書式を設定、整理、およびあなたの CSS をきれいに Photoshop PSD 形式ツールn セット
minimal-html5-frameworks-01

高速の 10 の無料の軽量 CSS フレームワークを開始します。

From 10 Free Lightweight CSS Frameworks for a Fast Start

品質対応 CSS フレームワークを使用して与えることができる素敵なさい先のよいスタート任意の web デザイン プロジェクトに。
Sブートス トラップのような青梅が少し余分なコードの肥大化はかなり急な学習が必要なもの曲線。
理想的には、十分な機能は、パッケージで作業するためにヒット地面を実行していないオプションの束とあなたを圧迫しながら必要はありません。
それとともに目標念頭に、ここでは、すべての一括せず-基礎を提供する 10 の CSS のフレームワーク。
FICTOAN FICTOAN より大きくより複雑なフレームワークのファンではない人のための素晴らしい選択を目指しています。
それ鮮やかな配色、カスタム アイコンと軽くスタイル デザイン要素の多くを備えています。
雪崩 雪崩は、あなたのニーズに合わせてカスタマイズできるフレームワークです。
そこに利用可能なパッケージは、します。
流動的なグリッド システムのような特定の機能を有効にすると、クラス、容器のオフセット間隔ともっとその。
圧縮 5 k 未満で Beauter、Beauter は確かに真剣に挑戦を取る軽量です。
ただし、機能がないわけではないです。
あなたは、応答のような基礎を得るアイブ グリッド、いくつかの特典も視差スクロール、助動詞、ツールヒントおよびいくつかの素敵な容器が好きです。
バニラのフレームワーク バニラ フレームワークはシンプルでデザインの偉大な出発点を与えるため、プロジェクト。
コンテナーが多いし、見栄えの含まれているデザイン要素を所有して、自分の but はあなたの目的の外観に合わせて簡単にカスタマイズされています。
ブルマ ブルマ CSS Flexbox は、ful です。
なものだけを使用することができます ly 応答性とモジュール式のフレームワークが必要です。
すべての advan を取得します。
Flexbox と列の nu に基づいて自動的にリサイズ タイルなどのmber とビューポート。
ミリグラム ミリグラムの重さほとんどとしてほぼその同名として-ちょうど 2 k とき com押されました。
期待してスタイルの数を最小限に抑えるために設計されたすべての基礎が含まれていますリセットする必要があります。
InvisCss InvisCss より複雑なフレームワークに代わるものとして建設されました。
s. パッケージは、シンプルな CSS セレクター名と、最小限はまだ魅力的な UI を備えています。
結果を見る個人的なプロジェクトの外観公開としてのミニマルな CSS のフレームワークとしてリリースされましたサイト開発のための基本的な出発点です。
デザイン要素は、簡単とするカスタマイズすることができます。
r の好み。
サス、unlimitedGrid に基づく unlimitedGrid は、柔軟な携帯最初グリッド フレームワークです。
それに必要な機能を使用する必要はありません、モジュール式の。
Flexbox のサポートが含まれていて、複数のグリッドのバリエーションから選択する再。
大きい fr を「逆アプローチ」として重要な請求対応、バイタル、軽量でスケーラブルです。
サスを使用して構築された、効率的なグリッドを見つけるレイアウト、カスタム ボタンおよびローダー。
いくつかの便利なレイアウト スタイルは p のようなものの含まれています鳳統のコラージュ、カード容器およびフォーム。
全体のポイントのフレームワークを使用して光が、強大な任意の種類は、あなたの仕事を容易にするためです。
だから行くと CSS のスルーのスタイルを変更することまたは b をロードスクリプトも使うつもりの料金は、すべての論理に反するようです。
1 つ以上を使用してください。
頭痛のすべてのことがなく、ファスト ・ スタートをの情報は上記の基本的なフレームワークから取得します。
と、、それらのいくつかはモジュール式のアプローチを使用して、必要な項目だけを選択することができます、特定のプロジェクト。
それのような多くである! 高速 St のためのポスト 10 無料軽量 CSS フレームワーク芸術は、おいたデザイン マガジンで最初に出現。
関連記事: 60 のアイコン ・ ボタン ・ テンプレートトップ 50 の無料ソーシャル メディア Ico コードの書式を設定、整理、およびあなたの CSS をきれいに Photoshop PSD 形式ツールn セット

アンドレ ・ リベイロとのインタビュー。スクエアのウェブサイトを再設計。

From Interview with Andre Ribeiro. Redesigning the Squarespace website.

人気のホームページビルダー スクエア得たブランドの新しい外観といくつかをもらうことができた設計プロセスについての質問。
スクエア フロント サイドのチーム リーダー、アンドレ ・ リベイロはここで教えてください。
私たちは、ウェブサイトとそれに付属する課題の再設計での冒険について。
1. どのようなワシントン州ウェブサイトを再設計の最大の課題?   私たちの最大の課題は、私たちの期限だった。
番目のe エンド、2016 年までの今年私たちの新しいストラを反映するように新鮮なホームページを開始したいを実現します。
豪州の位置決めと製品の提供。
目標が最初に立ち上がって実行している何かを持っていた私たちの Su の前に、新しいデザインでどのお客様の交流を確認するために 2017年 1 月の週ボウルごと全室のジョン ・ マルコヴィッチをキャンペーンします。
以来、私たちは中にトラフィックの非常に高い量を得るゲームは、任意の大きな変化を事前に徹底的にテストすることが重要です。
我々 は再考しなければならなかったすべて私たちのメッセージング アプローチ、サイト構造、UX; を含むものや工芸品のコピーと sc からの映像わずか数ヶ月でドッキングミスを解消。
もちろん、我々 は QA と実装するだけいくつかのブレークポイントをすべてを持っていたと週間。
2 主な理由は、なぜあなたはあなたのウェブサイトを再設計の決定を下したはなんですか。
  私たち wanちょうど 2 つのエントリ ポイントを新しいユーザーに与えることによって登録の経験を簡素化するテッド: 彼らはいずれかをすることができますドメインを登録することによって開始または web サイトを作成するためにテンプレートを選ぶことができます。
我々 も sou携帯電話で全体的なユーザーの経験を改善するために右側。
次の領域を再考する私たちを率いて: かメインの最初登録-スクエアの主なサービスの一つとしてドメインの登録を提供した後、我々 は我々 の新しい製品のホテルを促進に焦点を当てたスーパー ボウル キャンペーンを開始する準備をしていたng。
 我々、ユーザー ドメイン ストレート f を検索するための迅速かつ著名な方法を作成したいです。
rom のランディング ページです。
結果は、ほとんど含まれて単純なしかし強力なドメイン検索買収コンテンツや機能のもともと我々 のドメインのページにありました。
刷新ショッピング実験ience-我々 はまた、テンプレート ストアを完全にオーバー ホールします。
いくつかのユーザー テストと洞察力のギャザの後認識し当社の顧客サポート チームによって赤、ブラウジング throu のシンプルですより強力な方法gh はテンプレートが必要だった。
私たちの顧客のフロントとセンターを置く-スクエアは、いくつかの回ジョン ・ マルコヴィッチ、レオン ブリッジ、ソフィア Amoruso、ロイ チェなど世界で最高の顧客を eちょうど少数を示すため。
これらのすべての顧客がある我々 が w 感じたような強力で説得力のある話ウルドは、機会を逃していない台座の上に置く、私たちのヒーローはホームページにそれらの機能をします。
3。
あなたのビューで web サイトの再設計で最大の優先事項はなんですか   私たちのメインの一つ目標は私たちの新しいを反映したマーケティングのページを持って、戦略およびメッセージング — ページその could 話深さのすべての混乱または圧倒的な新規ユーザーなし当社の機能製品。
我々 は w提示のさまざまな方法を試してみると同様に映像と言語を更新する anted情報・ コンテンツを販売します。
我々 の焦点は、お客様の経験を高めるためだった。
4。
詳細の問題です。
お気に入り詳細とデザインのデザインの特徴は何か   いくつかのティngs の大好きな新しいデザインについて: ホームページ-新しいの最もエレガントな側面の 1 つホーmepage は、選択した顧客と自社のウェブサイトを表示する新しい手法です。
これらの顧客の肖像ヘマタイトts は彼らのウェブサイトのスクリーン ショットは、拡張機能を自分のサイトにいる感じを作成すると共に、一人の自分。
各注目顧客についてのビデオへの迅速なアクセスを持っていること、深さと c に追加します彼らの話を成田。
テンプレート ストア-ユーザーからのフィードバックを聞いて後に、しましたを追加テンプレート ストアを改善するためにいくつかの機能。
我々 は、デザインをフィルタ リングするより効果的な方法を追加します。
また、nd は、グリッド ビューにテンプレートの簡単な説明をもたらした。
今、ユーザーことができます「心」t相続人お気に入りテンプレートは、後でそれらを参照。
これらの変更、始まりに過ぎない。
私たちプレビュー動画を追加すぐに顧客を置いたテンプレート オプションと我々 も売りさばいています。
g 特別な機能 (例えば、視差効果、検索バーなど) でテンプレートを抽出する能力。
Fiた、私たちは豊かなを構築する探しているし、よりオーダーメイドのテンプレート詳細ページ。
再テンプレート ストア新鮮な考察ユーザー痛みポイントを考慮したデザインのシンプルだが成功例であったts、各人のニーズによって反復処理や機能要求の。
携帯電話-新しい家の設計時にページのドメイン乗っ取り、新しいテンプレート ストアから物事を開始する機会を得て最初、携帯のユーザー エクスペリエンスを大幅に改善。
あなたのドのドメインを検索副は、シンプルだが強力な今です。
同じ利便性は ou を参照している場合にも適用されます。
r テンプレート。
5 は再設計されたメニューを受けるウェブサイト ’ の性能または変換ですか? ・ nbsp; ウェブサイト製品の統一の戦略的なシフトは、私たちのナビゲーションを簡素化することができましたし、したがって、さまざまなアイデアと遊ぶ。
代わりに、伝統的な “ のドメイン、web サイトとオンライン ストア ” ナビゲーション アイテム、私たちだけに頼ることができるとわかりました、“ 取得の開始・ #8221;ショッピング体験ウェブサイトへのメイン エントリ ポイントとしてボタン。
新しい"を検索、ドメイン"入力フィールド ドメインの検索の主な方法になった。
簡素化できるように、ちょうど 2 つの主要エリアへ顧客をルーティングすることにより登録の経験: いずれかのドメインを検索またはテンプレート ストア。
我々 はいくつかの良い結果を持っていた: この新しいナビゲーション パラダイムを起動した後我々両方の検索と私達とのドメインを購入する人の大幅な増加を見た。
6. ある recデザインについて、ユーザーからのフィードバックを eived?   はいしました。
別に多くの A/B テスト我々 はしばしば実行、また詳細なユーザー テスト打ち上げ後数週間のカップルを行った。
我々 は som を持ってください。
e マイナーなデザインのフィードバック、我々 は対処し、速やかにテストします。
ホームページを新しくしました再も全体的です我々 のコミュニティとどのように視覚的に魅力的で、inf を言及するユーザーとの見込み客によって ceivedormative、使い方は簡単だった。
新しいホームページと新しいテンプレート ストア作成より良い私たち小胞体よりも私たちの前の設計は、デスクトップとモバイル デバイスの両方のいずれかが発生します。
続きを読むでアンドレ ・ リベイロ、terview。
スクエアのウェブサイトを再設計。