日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark - かちびと.net
今日は3連休最後ですね。個人的には 全然関係ないので普通に記事を書き ます。日本もかなりFacebookが浸透 したようですが、まだまだ数は少ない 印象です。企業もかなり参戦してきて いるので、Facebookページの需要も 少しあがってきている印象ですね。 そんな中で日本のFacebookページで良デザインなページのみを収集しているギャラリーサイトがありましたのでご紹介。 こんな感じで国産のFacebookページが並べられています。カテゴリは結構細かく分けられていますが、いかんせんまだ数が少ないのでまだ必要ない状態ではありますね。 VOGUEJAPANはコンテンツが充実してるので結構好きです。 520PX facebookmarkにも書いてありますが、まだ数が少ないのが日本の現状です。こちらのギャラリーも厳選しているため、まだ100に満たない状態です。もちろん審査有りですが、自信のあるF
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ウェブページに固定表示させるエレメントの効果的な使い方
「positon: fixed;」などで配置した、スクロールしても固定位置に表示されるエレメントの効果的な使い方を紹介します。 Fixed position web elements [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ウェブページで固定表示されたエレメントは、最近多く見かけるようになりました。これはページで表示されていない箇所へスクロールした時に、特定のエレメントのみ表示を残すものです。最もよく見かけるのは、ナビゲーションを含めたヘッダでしょう。 エレメントを固定表示することで最も大切なことは、それがユーザーにとって重要なものである、ということです。エレメントの重要性は変化することもありますが、基本的なゴールはページのいずれかの部分を永久にビューポートに表示することです。 もし、このテクニックを使うときは、慎重に検討することを勧めます。このエレメントは自動
スタートアップにおけるデザインの重要性 デザイン会社 ビートラックス: ブログ
多くのスタートアップが、サービスアイディアやテクノロジーを中心にビジネス展開するケースが多い。 他の企業が行っていないサービスを提供しようとするのはとても良いが、実は大きな成功と無惨な失敗とを分けるのは上記の2つの要素ではない。 実のところ、その決定的要素とはデザインである。 それはなぜか？ 単純に考えると、ユーザーにとってのサービスの価値は、その裏にあるテクノロジーやロジックではなく、使い易さや見た目の良さであるから。 テクノロジーよりもデザインで差別化を図る時代得に、昨今のオープンソースやクラウド環境、AIテクノロジー等の充実により、多くのスタートアップの勝敗を分けるのはコアテクノロジーではなく、見せ方や使わせ方になってきている。 言い換えると、サービスを通して得られる体験やフィーリングの質こそがその製品の価値を左右する。 そして、最終的にはデザインこそがビジネスの結果に影響を与えるの
ホワイトスペース使ったウェブデザインの考え方
ウェブサイトの要素をレイアウトをする際に非常に重要な ホワイトスペースの考え方について、すこしまとめてみました。 私が人にウェブデザインを教えるときは、まずここから始めます。 boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。 リズムが整っていれば、他の要素が主張したことが上手に伝わります。 リズムが整っていなければ、けんかしあい、不協和音＝見づらい状況を作り出します。 自分なりのリズムを見つけていけば、それが個性・ジャンルになるのです。 どれが間違っている、というお話ではなく、どんな風に感じたかを大事にして読んでみてください。 とてもとてもシンプルな例を出してみます。 AとBを比較してみてください。 どちらのほうが読みやすいように感じますか？ どんなふうに感じましたか？ この例では、Bのほうに大きな余白を与えました。 ４隅すべて同じぐらい
WordPressサイトをデザインする時に気をつけていること
この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジ
シンプルでデザイン性のあるインスピレーションを受けられそうなサイト | バニデザノート
タイポグラフィが美しいサイトと、グリッドを上手に使っているサイトで デザインインスピレーションになりそうなものをご紹介します。 シンプルで美しいサイトには、一定のホワイトスペース（余白）を繰り返したり 画像のサイズをあわせたりすることで生まれます。 どうしてこのデザインが美しく感じるのか、 またどうしてイレギュラーなものが特別な印象を出すのかを考えてみてはいかがでしょうか。 apo UKのウェブデザイナーさんのポートフォリオサイト。 ４隅の黒い部分がナビゲーションになっている。 インタラクティブな動は、是非実際に触って体験してください。 An Interactive Agency — AREA 17 ニューヨーク、パリ、フランスで活動されているウェブデザイン会社のサイト。 ロゴタイプのスラッシュと、サイト内を横断する赤いラインがおしゃれすぎます。 mani-fiestoftura プロダク
A Showcase of Hand-Drawn Elements in Web Design - Inspiredology
Web sites can, too often, appear more formal than they need to be. While they can look professional, there’s all too often something *missing* with many designs – the personal touch. Adding some hand-drawn elements to a design (while perhaps not appropriate for all sites) helps to show some of the personality of the site owner & designer. It shows that the site doesn’t necessarily take itself too
30 Beautiful Textured Web Designs for Inspiration
Trevin serves as the VP of Marketing at WebFX. He has worked on over 450 marketing campaigns and has been building websites for over 25 years. His work has been featured by Search Engine Land, USA Today, Fast Company and Inc. You might also be interested in these two collections: Inspiration: 40 Web Designs That Use Textures Masterfully 30 Beautiful Web Designs with Subtle Texturing 1. Neutral Mil
42 Awesome Single Page Portfolio Websites - DzineBlog.com
Today we have a collection of single page portfolio websites. Enjoy!! designembraced jamesgarner madebygrave lenineon ampersandrew couchkumaras mbartlett ibsensfabrikker danielmart alexmalyukov colorfulvisuals werbungrockt marklawrencedesign teamviget davidecolla epipheostudios north2 nitnat jonphillips irwinmabini reverenddanger thisismarcela barrettnsmith astronautdesign jdcouncil workdiary deax
9bicMag™
ナカトミツヨシが運営する、普通の日記を書きながら、気になったデザインや映像等も取り上げる徒然ブログ。皆様のインスピレーションが刺激されるような記事をご紹介！心機一転！ブログをリニューアルしてみました！ ずっと更新していなかったブログですが、この度リニュアールして再スタ...more→ 外から見る壮大なトウキョウを、タイムラプスで味わう。 今日は、東京をタイムラプスで味わっちゃう動画を紹介します。普段は「...more→ あのゲームを、コンクリートの中で！コンクリート de マ... 今日の動画発掘コーナーです。ナカトミツヨシです。 マリオブ...more→ タイムラプスで、鉄に悶えろ！「Magnitka」 工場マニアなあなた、必見です。ナカトミツヨシです。 今回は...more→ 演出＋コピーで魅せるCM「AXE Tiens-toi p... これは、おもしろい！ナカトミツヨシです。 様々
ログインフォームを作る時参考になりそうなリソース盛りだくさん | バンクーバーのうぇぶ屋
ログインフォームって以外に作る時考えませんか？ 要素が少なくなれば少なくなるほど、レイアウトをどうするか、どうやって目を引くのか、jQueryなどを使うべきなのかと、迷ったり、考えたりすることは多いと思います。 そこで今回はログインフォームの機能的な物からデザイン的な物まで僕がこれまで参考にさせて頂いたサイトをご紹介。基本英語サイトですがサンプルとか置いてある物も多いので何かの参考になると思います。 DW Premium: A Clean & Stylish Login Form (PSD) [scshot url=”designwoop.com/2011/06/design-freebie-a-clean-stylish-login-form-psd/”] キレーな感じのログインフォームサンプルPSD。 Build An Incredible Login Form With jQuery
Webdesign is 95% typography. Period.
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with
100+ Resources & Inspiration for Hand Drawn Design - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact The hand drawn style of design is extremely popular right now. In this post we’ll take a loo
Webデザイナー（私）によるタイポグラフィーレイアウトの注意書き
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー（私）によるDTPデザイン注意書き：Webと
Private Presentation
Private content!This content has been marked as private by the uploader.
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
60 Web Design Galleries for Design Inspiration « AcrisDesign – Web Design Resources and Inspiration
http://www.inspirationmix.com/40-examples-outstanding-onepage-website-designs/
5 Quick & Simple Design Tricks to Liven Up Any Project