タグ別アーカイブ: Web Design

90s-web-design-02

我々 は ‘ 90 年代への復帰を目撃している Web デザインですか?

From Are We Witnessing a Return to ‘90s Web Design?

大衆文化の多くの側面は、循環されて。
ちょうど例として: 1980 年代に時間があったときスキーnny 関係非常に人気があった。
90 年代では、一着のモックでしょう。
これらの日ですか。
まあ、彼ら 'スタイルに戻って再。
ことわざ-すべて古いものは再度新しいです。
上昇 o であります。
f brutalist web デザインすべて、もっと面白い (と多少でも適切な)。
ブリンにしたい場合web にレトロな g じゃあ、web は若いとないのできしむクレア時間に戻って(名) 少なくとも理論であります。
しかし、私たちは本当にそれらの日に戻る必要は?もう少し詳しく掘り下げましょうルより深く、この古い学校のスタイルは本当にここに滞在またはちょうど渡る流行する場合を参照してください。
それを越えて、brutalism が web 用でも良いかどうかの質問をお尋ねします。
カムバックを呼び出すことはありません。
もちろん、1990 年代時代の web デザインについて話をするとき私たちはいくつかのひどい (しかし時の思い出を想起します。
ime が必要な) プラクティスのようにテーブル レイアウト、テキストを点滅し、14.4 kbps mod で 90 k 画像を読み込む(これは、レコードは、その速度近くのどこかのファイルをダウンロードしたこと) em。
Brutalism eschews tables、すべて高度な CSS の技術設計の凝ったモダンなツールボックスに利用できます.そのようにそれが HTML h の石畳一緒にコレクションより反抗的な状態心に-ack。
ジオシティーズに何が発生した可能性がありますのようなデザインにつながるバックアップのこと、日は機能とブラウザーの互換性の面で離れているからマイル (独自のない私E コード必要)。
それは古いスタイルを戻すために使用されている近代的なツールの別のケースです。
まだチュst 90 年代に web デザイナーとしてスタートした誰かとしてケージでのネズミ、私は多少は面白がっている when を見てのエヘン、brutalist のサイトにそこの残忍です。
しばしばだろうか these サイト仲間の 90 年代時代のデザイナーによって設計されていた、またはそれは単に新世紀 discove の場合場合リング初めての長い間行方不明の技術。
当時、多くの大まかなデザイン関連の結果であったtively はローテクなツールおよびデザイナー (私) のような人はよく知っていなかった。
WYSIWYG edi までの時間でtor および web 固有グラフィックの最適化、設計はもう少し手作りだった。
タイポグラフィは limいくつかのフォントを含む。
CSS は、十年の中間までも周りではなかった。
本質的に、事彼らがしていたので、s は荒々しくてください。
それはなぜそれがこの種類の表示にそう魅力的に見える comファッションに戻って e。
すべての制限に使用されるものが、今 s の創造的な表現の形成青梅。
あなたは我が道を行くつもりですか。
Bruta のより単純な側面のいくつかの利点を見ることができます。
lism (基本的なテキスト リスト、本当に大きな見出しなど)。
しかし、多くの企業が w を想像することはできません。
狂気の背景や配色でブランド自体に安亭。
以上の異様な要素我々見て再度何が日常使用するため実用的であるように見えます。
右、それは多くが表示されます。
立ってきているきれいな、企業のデザインの拒絶反応と単に it を活用しました。
期待してください。
問題は、これらのタイプの傾向の通常飽和点に達することです。
結局のところ場合、evあなたが知っている eryone は、同じことをやっては、目立つことになる課題の多く。
私の v で比較、brutalism の最初の宣伝が冷却したらニッチ スタイルのより多くになることにつながる。
しばらくの間スタイルはそれ自身を貸すある特定の種類のサイトにもそれはのための長期的なシフトを参照してくださいするは難しい、大規模で web。
Don't Look Back in 怒りも brutalist のサイトは、mainstrea をヒットしない場合m、彼らから学んだことをいくつかの肯定的な教訓があります: シンプルが良い私たちデザイナーはしばしばアウトマートのレイアウトと情報アーキテクチャになるときに自分自身。
そうラッシュ時に巧妙な mething、我々 はユーザーのことをより難しくしてをしまいます。
シンプルなレイアウトとコンテンツは、quite は、しばしばより良いオプションです。
それは別の回に良い、web デザインは少しお尻を得る傾向があります。
ダウン oned と予測。
マキンに向かって長い道のりを行くことができるユニークな個性の小さなビットを追加します。
g は何か思い出に残る。
我々 は来ている brutalist のサイトを見て長い方法はのことを思い出しただけホw 遠い技術とデザインは一緒に来ています。
我々 はもはやお粗末なツールまたはの不足によって制限されます。
基準。
Web デザイナーは、ほとんどすべての種類の外観や機能彼らの嘆願を作成する無料se。
とても良い私たち決して過ごしました。
そう、イブのため必ずしも全体 brutalist 運動中ryone、それが過ぎ去った日の思い出の多くと同様に、意見を-の流出をもたらします。
�上記の見出しで参照される 90 年代ヒット: LL クール J-「ママ、ノックアウトする」、Smashing パンプキンズ-「弾丸蝶の翼」レニー ・ クラヴィッツ –"を行くあなたは私の方法」Oasis-「don't 見て戻るの怒り」我々 は ' 90 年代の Web デザインへのリターンを目撃している記事か。
おいたデザイン マガジンに初登場。
関連記事はありません。
featured-8

今週の人気デザイン ニュース: 2017 年 4 月 24 日-2017 年 4 月 30 日

From Popular Design News of the Week: April 24, 2017 – April 30, 2017

ユーザーが送信毎週姉妹の面白いものがたくさんサイト ・ ウェブ デザイナー ニュース, highlighting から web デザイナーに興味は、web の周り偉大なコンテンツ。
維持する最善の方法すべての偉大な物語の追跡し、掲載されているニュースは、単にウェブ デザイナー ニュース si をチェックしてください。
テ、ここでいくつかを逃した場合は、最も人気のある des の迅速かつ便利なコンパイル我々 は先週からキュレーション igner ニュース。
これはの非常に小さい選択だけであることに注意してください、見逃しはありません私たちのニュースレターを購読してサイト大日本に従うので、掲載されたリンクすべてのニュースの ly。
Google はインターネットの UX 専門家の給与を粉砕され 90 年代美しいユーザー実験はそれらを再作成する方法から 13 ひどい Web 動向ience? 6 ウェブサイトのデザインの傾向 10 ものデザイナーと言う通常の人々 ではないこと・nbsp; デザインのインスピレーションのためのトップ 10 UI ・ UX デザイン Instagram アカウントのピクセルが死んでいます。
Gmail: 迷惑な設計を (#1) するより創造的なあなたの体のテキストに 100 の方法は、します。
小さすぎる 25 便利な Web アニメーション ツール 2017 PNG または SVG、2017 年には最高?まず当社のウェブサイトをオフラインを行った方法 Moodica 奇妙なビデオを満たす日時ラックス脳 10 最高新しいウェブ デザイン ツール 2017 年 4 月デザイナー (ほとんど) 愛 HuffPost ’ s 大胆デザイン グラフィック デザイナーは、ファッションを再加工 ’ s 最も象徴的なログos 開発者/デザイナー ページ レイアウト コンセプト漫画が殺そうとしていることの重要性を明らかにします。
ng のサイド プロジェクトのロゴ デザイン海賊湾創始者起動匿名か価格を決定する方法主な登録サービスこの狂気の新しいインターフェイスは、ゼロの感覚-の今計測用偏光s、Shopify のデザイン システムはもっとしたいですか?大丈夫!Aroun からトップ デザイン ニュースの追跡d ウェブ デザイナー ニュースと web サイト。
最後の日: 10 完全なフォント家族とボーナスのデザインを追加・ #8211;のみ $ 9! ソース p img {表示: インライン-ブロック; 余白里ght:10px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 体 #browserfriendly p、ボディ #podcast pdiv #emailbody p {余白: 0;}
excellent-cta-01

10 顕著なアクション ・ プラン ・例

From 10 Outstanding Call-to-Action Examples

良い古い通話-する-アクション (CTA) web の定番となっています。
彼らは約ユーザー エクサを指示するにはctly をしてもらうんです。
この本を購入する、私たちの無料のガイドをダウンロード、詳細情報お問い合わせn など。
時々、しかし、それがすべてに見えるし、安っぽいような感じマーケティングの両方の令状をされている話10 と現実から切り離された誰かによって設計されました。
彼らはまさに正確な親しい同僚を行うにあなたを納得させるでしょう目的のアクションのサイトです。
だから、良い CTA 何ですか。
ここでは、アクションへの呼び出しの 10 例を適切に設計されたが、巧みに書かれて、あるいは単なるユニークです。
MailChimp 完全な情報開示-舞だと思うlChimp は良いとして仕事人として彼らの CTAs と。
実際には、番目の上のインスタンスの数があったeir サイトから選択します。
しかし、私の絶対好みは se のための「準備の起動」の対話メール キャンペーンを nding。
テキスト、re の上にホバリング アニメーション チンパンジー手がない場合でもボタンだけでは、あなたが行うことになっているを知ることができます。
それは簡単、楽しいと感じる奇妙な s「今すぐ送信」のクリック時の達成のアンサンブル。
ManageWP ManageWP は、一括をしました。
彼らの家のページの CTA を実行します。
見出しと簡単な説明テキストを教えて正確何のサービスe は、単に開始する e メール アドレスを要求します。
映像が面白いと、続き耳鼻咽喉科は、ポイントを右です。
青いエプロンは、青いエプロンのサイトをチェック、自分のホームページは本当に、CTAs のシリーズ。
どのようにそれはあなたが取得しているかを伝えるため、この特定のセクションが大好き much が読みやすい形式でかかります。
無料配信の小さなアイコンも、いい感じです。
アルのベストl、彼らは点のホームを駆動するのに新鮮な食材の背景を使用します。
空腹は誰ですか。
Spotify のような青いエプロン上記、Spotify は、CTA の主要なセリング ・ ポイントの背景を備えています。
しかし、y は方法の残りの部分明らかにシンプルなアプローチを取る。
このスライダーのハイライトは重要な少数薄いストリーミング音楽について gs サービス、しかし、ほとんどクリックするか、さらに部分拡大のスクロールすることを奨励l。
それは、すごい-ちょうど容易にするサインアップまたは詳細にしようとしません。
Zillow Zil低は、不動産研究に関連するすべてのもののために行く場所です。
開始から右CTA の領域すべての物事を行うことができますを見つけます。
必要 t なし、大丈夫です。
o 検索の周り。
これは、呼び出しを得ることができると便利です。
B & O はバーンと Olufsen、分派を再生します。
B & O Play ミニマルなデザインとその親のブランドを運ぶ。
この呼び出しにアクションと私s の完璧な例です。
参照してくださいの呼び出しと一緒に、美しい工業デザインの大きな線量を得る、注目のコレクションまたはこれらの滑らかなヘッドフォンを購入するプロセスを開始します。
見るには簡単ですがこれでというと、"素敵に見える十分なしかしそう何?」ポイントは、CTAs を扱う必要があります、s あなたの全体的なブランドの重要な部分です。
彼らは、誰かし、何かを反映すべき。
慈悲 Corps はする時間がない、世界で最も困難な状況のいくつかに取り組んでいるときセント慈悲隊は、彼らの CTA の切迫感を作成します。
写真は、深刻な大胆なと相まってください。
見出しは、訪問者がすべての重力を理解することを保証します。
彼らはからの人々 を参照してくださいに私たちを支援しています。
ple の影響を受けるし、対応するための方法を提供してくれる。
巣ホーム オートメーション マスター巣をもたらす m地球の日のメッセージとその省エネ サーモスタット付き完全にネクタイします。
きらめく星撮影本当に実物より大きい製品と相まってバック グラウンドで (それは私に影響を与える宇宙に浮かぶ惑星と思います)。
何もいいですここでは、背景の som できます。
息をする e ルーム。
Skagen スカーゲンはオットと一緒にのシンプルな時計を販売しているデンマークの会社r ファッション アクセサリー。
この CTA 機能色とブランドに応じた真似るの顕著な使用y. ここのレッスンは、ユニークな製品を持っているときだけできるそれ自体のために話します。
パタゴニアパタゴニアは、屋外の経験のすべてについてです。
自分のホーム ページのスライダーは製品のミックスs と原因 – 環境映画推進この美しく細工された画像のようです。
画像は、します。
大きな、大胆な彼らの目指すあなたのスクリーンに野生の少しをもたらします。
それが正しいとポイント彼らのターゲットオーディエンス。
観客は、希望考慮すべき良い CTA のクリックを求めるユーザーの相互作用の結果です。
ブランドやヘルプを騙すための反射色とイメージべきであります。
vey メッセージ。
モーションは、突飛ではない限り、素晴らしいです。
テキストは短くする必要がありますと、ポイント。
アクションへの呼び出しは、上記のすべてのかなり単純な方法でユーザーを導くは素晴らしい仕事を行います。
私t 過度に冗長または行動する人々 を説得する複雑な何かを必要はありませんを示すことを行く. ポストおいたデザイン マガジンに最初登場した 10 の優れたアクション コールする例。
Relaテッドの記事: Web ・携帯アプリ デザイナー 10 無料ソーシャル ログイン 10 便利な Google ドキュメント テンプレートソーシャルブック マーク ボタンのソースは 2014 年から 40 無料 Web UI キットとテンプレートをファイル ・
images-1

完璧なデザイン レビューに 7 つのステップ

From 7 Steps to a Flawless Design Review

デザイン レビューは、任意のウェブサイトのプロジェクトの最も緊張に満ちたマイルス トーンの 1 つをすることができます。
Feedba 中ck 全体のプロセスの貴重な一部である、時々 そこを得るためのプロセスは複雑です。
扱いにくい。
プライマリ デジ コミットメントは、完璧なデザイン レビューを促進します。
gner、レビューに参加するチーム。
地上時代のセットを確立する、デザイナー、助けることができます。
es との結果のテーブルで誰にとってより価値のある各設計のレビューをするためのプロセス良いデザイン プロジェクト。
1. 図を、物流の設計レビューのための場所と時間.いくつかのチームが残りのマイルス トーン、o 中に追いつくためにプロジェクトのスケジュールの計画を立てることthers を満たす時計じかけのような毎月。
あなたのレビューのタイミングが異なる場合があります、それは良いアイデアです。
プロジェクトのタイムラインにそれらを組み込む。
デザイナーは、常にデザイン レビューをする必要があります (場合 tここでは、複数の設計者がプロジェクトに取り組んで、リード デザイナーは最低あるはず)。
リード デザイナーでレビューのポイント人、会議を実行します。
グループ n を必要があります。
ot が大きすぎます。
会話を処理しやすい保つために 5 から 8 人だと思います。
私関係者全員n 議論プロジェクトのいくつかの理解している必要がありますがやや独立すべき、理解の最も広範なスペクトルを提供する s の井戸。
参加者は、開発者を含めることができます。
クライアント、営業チームのメンバー、社長または CEO、マーケティングやブランディングのチーム メンバー、デザイナー nプロジェクトまたはプロジェクトまたは任意の方法で会社に触れる可能性があります誰に取り組んでいる ot。
スを作る日時は誰にとっても快適で、ビジュアル上行きたい場所を提供するスペースを見つけること。
あなたおそらく大きな画面とインターネット接続付きの部屋が必要です。
会議の時間を設定します。
nd は、誰もがタスクにとどまるので、議題を事前に作成します。
2. 招待状とセットの地面 R を送信します。
ules は、事前に会議についてのレビューを忘れないようにしてください。
日付と時刻が outl 場合でも プロジェクト ファイルは、会議の前に、少なくとも 1 週間、通知を送信します。
に確認します。
刈り取りすべて校閲者は話をする準備ができての会議に来る必要があります。
時間と場所 (または番号で電話会議が仮想である場合) プロジェクトの目標と制約の特定の目標の概要(ようさせるのプロジェクトのタイムライン (およびプロセスであるか) の会議資料を確認してこれ携帯電話や、デザインを表示する錠剤) 3。
会議の準備、リード デザイナーやアート ディレクターデザイン レビューを実行する必要があります。
したがって、特に場合は、この種類のイベントは intim を準備します。
idating。
(この演習を通過するより、簡単にそれを取得します) Co を容易にする準備ができています。
nversation。
ターゲットを絞った結果を得るを助ける質問する: 色とタイポグラフィの palet を行うte は、コンテンツのトーンを反映か。
デザインの要素を行方不明はありますか。
それは antici として動作します。
pated? デザインの任意の部分でつまずくでしたか。
どのようなものですか? どのようなものはという感じで。
質問や議論が移動できるように、最大来るかもしれない懸念を予測します。
楽しみにしています。
校閲者が先にデザインがその現在のイテレーションでは思ってください。
焦点を当てて議論を維持しようとします。
グループは準備ができていない場合は、会議を中止を覚悟デザインをについて説明します。
悲しいことに、これはすべてあまりにも多くちょうど会議だとカレンダー誰もメリットはありません。
4. あなたの気持ちを確認ドアでこれは最も imp かもしれない重要な- と -最も困難なステップ: ドアであなたの気持ちを確認する必要が。
デザイナー傾向があります。
プロジェクトが、この情熱はない時間またはそれのための場所です。
バック ステップする必要があり、フィードバックに耳を傾けます。
フィードバックのすべてのビットは、役に立つでしょう。
それの多くはおそらく、実際に便利されませんまったく。
デザイン レビューからいくつかのアイデアを無視して ok です。
何よu は、本当に探したい潜在的な stumb を示す可能性があるフィードバックの定期的なテーマは、玲がデザインをポイントします。
注意: あなたはデザインではありません。
好きではないデザインではない、あたりりっぱの攻撃や反射。
5. 要約とレビュー呼吸開始。
部屋の中を歩く (または番目の開始e ビデオ チャット) 自信を持って。
要約とデザイン レビューの開始: アウトライン設計目標説明解決する必要のある問題タイムラインを記述する、何が起こるか説明のマイルス トーン次にデザインを歩くと目標を満たしている方法を説明して一度分割する問題を解決する、氷は、フィードバックのために床を開きます。
会話を支配し、持っている人を聞かせしないように誰も話す必要に応じてできるようにするプロセス。
そこまで会話できるようにイーズ会議の残り約 10 分またはコメントが自然な結論に来る。
6 本を話します。
estly と丁重に校閲者はオープンを話すだろうと正直なところ同じことを行う場合。
方法を法律は全体の評価のためのトーンを設定します。
メモを取るし、同様の質問にポイントを作る。
これは、彼らが考えるものを気遣うことそのグループを示しています。
領域に特に注意を払う場所が私多くない同じ問題の人々 や地域の多くの議論があります。
Pla があります。
ces の設計上の欠陥が多く潜んでいます。
会議が落ち着くと要約フィードバックの最も有用な発見、d は、さらにフィードバックを提供したり、特定の時間枠の内で質問するチームを招待します。
できませんデザイン レビュー時に変更をコミットします。
あなたは何をし、取得するまでに動作しない知っていることプロジェクトに取り組んでいます。
7. フォロー アップ後のレビューしたら静かな分を収集します。
設計からの注意事項を確認し、フォロー アップありがとうございますチームと次のステップに。
思い出させる、次のマイルス トーンをヒットするときのチームは、彼らがその時に参照してくださいに期待すべきか。
結論 T彼は設計レビュー プロセスは痛みを伴うことがないです。
練習はこれらの会議の利便性を高めるかつ効果的なそれらを推進しないように。
アクションと目標の計画を開始します。
それらを説明します。
はっきりと尊重し、フィードバックに対応します。
それのためのより良いデザイナーになっていきます。
創造的な Comモンスの画像は、この資料で使用されます。
Unsplash でそれらを見つけることができます。
アニメーション ビデオを作成します。
s と Animatron ホワイト ボード アニメーション 87% オフ! でリソース p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: 左;} p.showcase {clear: 両方;} 体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}
favicon-types-sizes

現代のファビコンとアイコン開発技術とベストプラクティス

From Modern Favicon and Icon Development Techniques and Best Practices

マイクロソフトとの 1999 年にデビュー以来 ’ s Internet Explorer、ファビコンは、スコープで拡大しています。
最新のブラウザーとオペレーティング システムが採用。
それはもともと小さな 16 & #215; 16 ピクセルのアイコンがブラウザーに表示される ’ s アドレス バー、ファビコンを提供高度モバイル デバイスに固定された web サイトの視覚的資産 ’ s ホーム画面、Windows 10 お気に入りタイル、および大いに多く。
ユーザーに役立つだけでなく、これらのアイコンがちょうど別のレベルポーランドのデザイナーや開発者は、目立つウェブサイトを支援する適用できます。
当社の web デザイン チームはクレアデザインし、お客様にこれらに便利なアイコンを適用する効率的なツールキットをテッド ’ プロジェクトのエン.彼らはプラットフォーム間で一貫して表示されます。
我々 ’ のファビコン生産 p と共有したいです。
した、私たちのアイコン スイート Photoshop のテンプレートの開発と試験と試練の一部s 私たち ’ ve ナビゲーション web デザインで美しく、信頼性の高いファビコンを作成できるように、プロジェクト。
ファビコンの世界としてファビコンの変更が必要なカット t 数人気を博したo を提供して偉大な経験がすぐに育った iOS だけでは 11。
Y.Can Yurdaer のオードによって設計されました。
小胞体私たちのプロセスを効率化するため詳しく見てどのように近代的な方法を取った携帯電話やデスクトップのブラウザーと operating システムは、ファビコンの資産を使用しています。
これらのプラットフォームは、当社の ap を再評価する当社の設計チームを運転しました。
アイコン ・ スイートの作成に終ってる。
すべてのアイコンを web に必要なことがわかったサイトは、唯一の 5 つのカットで作成できます。
(IOS、Android のクロムと W の出力を作成することに注意してください。
indows に倍増している適切な網膜ディスプレイを確保する)。
カット 1 と 2: ファビコン (16 × 16、32 × 32)– これは、“ クラシック ” ファビコン ブックマーク メニューおよび現在の pa の横に表示ge ’ s 多くのブラウザーでアドレス。
カット 3: iOS (180 × 180、retina ディスプレイは 96 × 96)IOS 3 に始まり、アップル ハード コーディングされたイメージのファイル名を探して停止して、代わりに usi を開始ng の定義されている最大の画像と、なぜそれをスケール ダウン、我々 ’ ve 含まれて 180 X 180、必要に応じて、スケールに Apple デバイスを許可します。
これは私たちのアイコン スイート ダウ iOS に必要な資産を絞り込みますn ではなく 11 の単一のイメージに。
カット 4: アンドロイド クロムボタン (192 × 192、retina ディスプレイは 96 × 96)、アップル、アンドロイド始めた最近最大の画像を縮小、previ を最小限に抑える六つの ou のイメージは 1 つまで。
カット 5: Windows 8.1/10 (270 × 270、retina ディスプレイは 150 ・ #215150) Windows 8.1 10 利用の別のタイルの一握りの “ メトロ ・ #8221;インタ フェース タイルが選んだ最高使用シナリオ wit 正方形のサイズのメディアを最適化するにはh の許容範囲のパフォーマンスより大きいまたは小さいタイルが選ばれたとき。
我々 は最近、t のサポートを打ち切りました彼 favicon.ico 形式 (IE 9)。
最新の 2 つの大きな支援の共通プラクティスに従う私たちブラウザーのバージョンではなくこのしきい値外も IE 9 をのみですが、カレンの 5.28% だけを保持しています。
t ブラウザー共有。
一般に、それは可能な限りイメージの数を減らすために理想的なので s青梅の古いブラウザーは、代わりに仕事に最適な 1 つのすべてのアイコンを正しくつかみます。
よりファビコンのファイルの種類の包括的なリストは、ここで見てをください。
アイコン スイート テンプレート コード我々 ’ d使用する実装コードをあなたと共有したいです。
それにより、各デバイスを正しい f を見つけるに特定のウェブサイトで必要な avicon 型。
識別するために < head > タグに次のコードを使用します。
すべての必要なコンポーネント: < メタ名 = " アップル モバイル web アプリ タイトル " コンテンツ = " JTech Co通信 " / >< メタ名 = " アプリケーション名 " コンテンツ = " JTech 通信ns " / >< メタ名 = " msapplication 設定 " コンテンツ ="/ 資産 / アイコン /browserconfig.xml「/ >< メタ名 = " テーマ色 " コンテンツ = " #ffffff " / & gt; < リンク rel = " アップル タッチ アイコン " サイズ = " 180 × 180 " href = " / 資産 / アイコン ・ #47; アップル-タッチ-アイコン-180.png " / >< リンク rel = " マニフェスト " href ="/ 資産 / 私短所 / manifest.json"/ >< リンク rel = " アイコン " 型 = " 画像 / png " href = & #34; / 資産 / アイコン / ファビコン 32.png " サイズ = " 32 x 32 " / >< リンク rel = " 私con " 型 = " 画像 / png " href = " / 資産 / アイコン / ファビコン 16.png " サイズ =" 16 × 16 " / > manifest.json ファイルは私たちをある web アプリケーションを記述する方法ed アンドロイド クロムボタンで基本的な情報を用いています (参照サイト: https://developer.mozilla.org/en-米国/ドキュメント/Web/マニフェスト): {" 名 ": " JTech 通信」、「アイコン ": [ {"src": " / 資産 / アイコン / アンドロイド-クロム-192.png "、"サイズ ": " 192 x 192 & #34、「型」: " 画像 / png "} ]、"theme_color ": " #ffffff "、" ディスプレイ ・ #34;: " スタンドアロン "} ウィンドウのエッジを通して IE11 で browserconfig.xml ファイルを使用8.1/10 タイル。
<? xml のバージョン = " 1.0 " エンコーディング = " utf-8 "? >< browserconfig ・ gt; < msapplication >< square150x150logo & < タイル > src =#34; / 資産 / アイコン / ms タイル 270.png " / >< TileColor > #04283(d) < / タイル >< / msapplication ><< / TileColor > ・ # 47; browserconfig > 私たちの設計と生産プロセス、プロセスをスピードアップ私たち ’ を作成しましたPhotoshop のテンプレートです。
テンプレートを si でアイコンのモックを作成するスマート オブジェクトを利用してください。
我々 が上記 zes。
このように、我々 はのみ一度型ごとにアイコンを作成する持っている: ファビコン、アンドロイド、iOS とウィンドウ 8.1/10。
様々 なイメージ カットのすべてのレンダリングに Photoshop はホームのジャンプに必要ですアン、ブラウザー ウィンドウなど。
心に留めて物事のカップルがあります: iOS 用アップルがあなたのためのコーナーをラウンドするので、アイコンに正方形の画像を使用することをお勧めします。
あなたが望むなら自分を丸めを行う、丸いを開始するアップル社を教えてカット夝イメージを使用できます。
g が、我々 は、この手順で迷惑することを示唆しています。
Windows の の Windows 10 タイル本文ポーズいくつかの問題。
Windows のアイコンには、中小のタイルのサイズが含まれます。
小さなタイルは中の size は半減し、テキストのタイトルは表示されません。
アイコンに適切にスケール アップできることが重要です、小さいタイルの寸法。
最初は、オフセットが我々 タイトル配置 bu のための部屋を作るイメージt 発見ファビコンは、ラベルのないより小さいタイルで再現した、misaligne が登場しましたd. するこの現象を回避し、作業を最小限に抑えるため、私たちの現在の練習はので、それを中心にそれ doesn & #8217タイトルがないと、ti とバランスのようにサイズを変更して十分に小さく、t 表示オフセットtle。
ここで ’ s のタイトルで Windows タイルでの当社のロゴの表示方法。
Windows 10 と 8/8.1 選背景の色に基づくタイトルのテキストの色を自動的に割り当てます。
最高の結果を確保するためts、我々 は場合でも、ファビコンは透明度なしでフルサイズの画像背景色を指定します。
私たち Photoshop のテンプレート内のオブジェクトを変更した後、スクリプトはすべて特定のカットの出力、開発者必要があります。
私 ’ ve はあなた自身の使用のための以下のスクリプトを提供します。
JTech フォト ショップをダウンロードします。
ファビコン スクリプト結論とその値になると、ファビコンは注意の別の例詳細。
だけでなく、彼らは会社を強化する微妙な方法 ’ s ブランド使用を向上させるとr の経験が、彼らは、視覚的に明瞭なウェブサイトを作る方法です。
我々 は時々 b を戦いがrowser 構成と OS アップグレード、それは私たちの顧客・ # を完成させるために支払うために小さな価格です。
8217; s プロジェクト、追加カスタム設計し、全体を磨きます。
ポスト ・ モダンのファビコンとアイコン ・ デ ・ートナー テクニックとベストプラクティスおいたデザイン マガジンに初登場。
ない関連の posts。