ネガティブスペースを巧みにつかったウェブサイトの紹介をはじめ、ウェブページのレイアウトでどのように分析し改善するのか、効果的に活用するガイドをSix Revisionsから紹介します。 Negative Space in Webpage Layouts: A Guide 下記は、各ポイントを意訳したものです。 はじめに ネガティブスペースとは ネガティブスペースの重要性 ネガティブスペースを実例から学ぶ まずはデザインの単純化から ネガティブスペースを分析、そして改善 ネガティブスペースの活用例 おわりに はじめに ネガティブスペースは多くの場合、ミニマリズムのようにシンプルを美とした特定のデザインだけのものであると誤解されています。本来ネガティブスペースというものは、あらゆるデザインにおいて注意を払い、そして慎重に組み立てて使用すべきものです。 ここではネガティブスペースが何であるか、そ
More often than not, a web design consists of a header, footer, sidebar, and the area for the main content, which seems to be the default layout.However, web designers, UI experts, and layout artists have become brave in breaking the norms and creating new web layout designs, even taking them to a new and exciting level. The year 2015 is drawing near to its end, and here is our list of layouts tha
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
なんとなくグラデーションを使用したり、困ったらグラデーションを使用したり、トレンドだからグラデーションを使用したりしていませんか? グラデーションを使用しないでデザインする方法をBuild Internet!から紹介します。また、グラデーションをより効果的に必然として使用するためのエントリーでもあります。 多くのウェブデザインのブログで周期的にページデザインのPhotoshopのチュートリアルを紹介しています。これらは素晴らしいウェブページを作成するためにグラデーションベースのデザインが一般的であるというおかしな印象を与えてしまいました。こういった記事を書く我々は間違って解釈されてしまう記事を書いたという罪があります。 ウェブデザインはデザイントレンドがどれだけ含まれているかのチェックリストではありません。何を使用するにしても、何をやめて何をアレンジするか学ぶ必要があります。 WeFunc
Online diagramming tool for collaborating on wireframes, flowcharts, and more
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ:WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム(WEBデザインの参考にどうぞ) ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか? ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
One Ping Pingback: 10 Best Free Minimal WordPress Themes | Freebies 55 Comments Umm… honestly, I have to admit that none of the above looks nice. I’ve seen a lot of minimal layouts and even more minimal navigation and I can point many that looks better. Perhaps these newest trends aren’t very minimal after all 🙂 “Umm… honestly, I have to admit”, Nathan your mistake here is to admit something that
Blog Design Heroes is an inspiration gallery featuring the best blog designs from around the web. Blog designs featured in our gallery are hand selected by our staff or received as submissions from our users. We accept submissions of blogs running on any platform including WordPress, Tumblr, Concrete and more. Are you a blogger or web designer? We would love to showcase your blog in our gallery! W
そのときあべべが壊れた インターネットの歴史やゲーム、コンピュータに関心があり、ゲームレビューやネット論、非モテ論などを書いている。 趣味でお絵かき、3DCG、音楽制作などをやっている人。 これは自分が以下のようなウェブサイトをチェックするために作っているのでとくに読者に読んでもらうためではないです。役に立つ人には役に立つだろうし興味を持ってもらえたらそれもそれでいいと思います。最近低い英語力がまた落ちてきたので、こうした華やかで楽しいWEBサイトを眺めながら作者情報などチュートリアル等を読み、少しずつ英語にまた慣れるようにしていきたい。 【WEBデザイン・アート関連サイト一覧】 N,Design Studio Best Web Gallery Web Designer Wall Vandelay Design Blog Web Designer Depot Web Design Ledg
見出しなどに使えるフォントを探している。 そんなときにおすすめなのが、『Top 20 Free Fonts for Distinctive Headlines and Titles』。見出しやタイトルに使えるフォント集です。 商用でも使えるものも含まれていますね。 ↑はComfortaa。商用利用可 DuePuntoZero Spin Cycle Aldo かっこいいフォントがそろっているので、一度見てみてください。 Top 20 Free Fonts for Distinctive Headlines and Titles 会計士の友達にいろいろ聞きまくり。すごく勉強になるけど、難しいですね。 個人事業主だと、ある意味会社より経費等算出しにくい印象でややこしいので、外注にしようかと思ったりしています。んーここ数日は経理のことで頭いっぱいだ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く