Media QueriesYou are now being GOOGLE.COM...
ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
ロゴの扱い方でプロとアマの差が出る。アイソレーションゾーンとレギュレーション・ビジュアルアイデンティティについて / Maka-Veli .com
Webサイトを眺めていると、よくロゴの扱い方が雑な物をよく見受けられます。どうもWebの場合はそれが多く見られる気がします。「印刷をしない」 からでしょうか？僕も当時、よく叱られてました・・・ アイソレーションゾーンとは アイソレーションゾーンとは、ロゴ等の周りにある『余白』の事です。 ロゴ周りでなくても、キャッチコピーやタイトルの周りに取ることが多いはずです。 タイトルやキャッチコピーなどの場合は、 ジャンプ率を高めに設定する場合は2~4倍くらいでも良いと思います。 逆にジャンプ率を低めに設定した、あまり強調を必要としない場合でも、 1つ分くらいは空けるとすっきりしますね。 スペースを上手く使える人はプロデザイナーっぽいですよね。 ホワイトスペースは「無駄」じゃありません。 隙間があるからといって、あれこれ詰め込むのはいかにも素人っぽいです。 ロゴレギュレーション 大
Page not found. Nike.com
Nike asks you to accept cookies for performance, social media and advertising purposes. Social media and advertising cookies of third parties are used to offer you social media functionalities and personalized ads. To get more information or amend your preferences, press the ‘more information’ button or visit "Cookie Settings" at the bottom of the website. To get more information about these cooki
iPhoneデザインアーカイブ
【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon
Web Designing
【リニューアル特別対談】 中村勇吾（tha ltd.）× 清水幹太（BASSDRUM） ⚫︎第1特集：Web制作に「最適解」はあるのか？ AIとクリエイティビティ AIの台頭によりWeb制作の現場は大きな転機を迎えています。AIによるコーディングの自動化や画像・テキスト生成など、ほんの数年前まで想像もつかなかったプロセスが現実化してきました。一方で、AIとの関わり方については人それぞれです。AIを信頼しない人もいれば日常的に活用する人もいます。このような状況で、AIとどう向き合えば良い結果につながるのか、本特集ではその答えを探ろうとしました。 取材を重ねる中で、AI がWeb制作に寄与する面とクリエイティビティがどう交わるのかを模索しましたが、明確な答えは見つかりませんでした。けれども、人とAI の微妙な緊張関係と化学反応が生じていることは確かです。もしWeb制作に最適解があるとすれば、制
Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
Web戦略設計のコンサルティングなら株式会社SAL
動 クライアントに「確かな成果」を、生活者に「リアルなよろこび」を届けるWebエージェンシー。 ユーザーのリアルな声に基づく戦略設計と、その戦略を実現するUI設計を軸に、Webサイトの企画、オウンドメディアの構築、SNS運用支援、Webマーケティングを得意とする。制作においてはユーザーテストを実施し、生活者にとってのユーザービリティを高めることで、クライアントの確かな成果に貢献します。 名 自分たちの意志を持ち、明確な提案をしっかりと“申”す企業。 十二支の「申（さる）」に由来。 形 野山を縦横無尽に駆け回るたくましさ。 直感と知性を兼ね備えた行動力。群れの仲間と大切にする絆。 たくましい野生のサルのようなプロフェッショナル集団。 WEBサイト企画制作 SALの強みは、Web戦略設計の段階から入り、戦略を実現する高い制作力にあります。クライアントへのヒアリングとユーザーの実態調査を実施する
55 Excellent Examples of Websites Using HTML5
One Ping Pingback: 35 Inspiring Examples of Websites Using HTML5 | Inspiration 34 Comments Thanks for including me, I’m flattered! Best wishes from Italy I curate at html5gallery.com and have had a good look at the code in quite a lot of the sites mentioned here. I wouldn’t describe all of them as excellent examples of HTML5 coding, and am surprised that you haven’t included the likes of graph.tk,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Inspired Design Resources for Creatives | Pixeden Club
Maka-Veli.com - ユーモアのある人生を。
新着記事
WPデザインギャラリー
村田製作所
DesignWalker
Welcome to Amazee Labs | Amazee Labs
みんなで作るWEBデザイン参考集「ブックマ！」