Petar Radošević
Welcome to my little node on the network! My name is Petar and you can follow along while I try to figure out how computers work. Recent notes Make and jump into directory easily Very often - like ALL the time - you end up creating a new directory with mkdir -p some_path and then immediately typing cd some_path right after. Such a waste of typing! Here’s a super handy little function that does bot
シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ - かちびと.net
個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh
ユーザーにクリックされやすいボタンデザインの5つのポイント
ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。 Web Design Trends: Call To Action Buttons 先日とりあげた「ハイパーテキストリンクのスタイル大全」の5. ボタンスタイルで紹介されているものです。 以下は、各ポイントを意訳したものです。 はじめに サインアップやダウンロードなど、ユーザーの行動への呼びかけを促すボタンのデザインはウェブデザインにおいて重要なものです。 ボタンはそのページのゴールの一つであり、その目的のためにそれぞれのページをデザインするといっても過言ではありません。 行動を呼びかけるボタン（Call to Action Button）はユーザーの注意を引く必要があります。以下に、そのボタンのデザインの5つの特長をあげます。
Web Design Trends for 2010: Call To Action Buttons « FrancescoMugnai.com
Author: Francesco Mugnai (199 Articles) I'm and Adobe Certified Expert in Photoshop CS4, i work as Teacher, Graphic Designer and Web Designer. My other websites: Itevenhasawatermark - CSSMachine advertisment I’m going to publish every week some posts about the “web design trends” for the next year. This time we’ll see something about the “call-to-action” buttons.Enjoy and let me know your thoughts
Best of CSS Design 2009 - Web Designer Wall
Since 2007, every year I do a round up of best of CSS from Best Web Gallery (check out 07 and 08 collection). Well, it is the time of the year again — Best of CSS Design 2009. This year I’ve selected another 50 nicely designed web sites. Among the list, I notice a lot of them are minimalistic design with beautiful serif fonts. The grungy and sketchy styles are still strong. However, the large back
Fluid 960 Grid System
Fluid 960 Grid System If you are looking for the Fluid 960 Grid System mentioned long ago on Smashing Magazine, I have moved it to the Markup Library. If you are looking for the Fluid 960 Grid System mentioned long ago on Smashing Magazine, I have moved it to the Markup Library. Initially released as open source on GitHub Jan 29, 2009. Markup LibraryDesign ProcessDesign is based on the inspiration
2010年に備えて、知っておきたいウェブデザインのトレンド
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
あの有名ロゴの秘密も？見ているだけでワクワクするロゴデザインの世界 - はてなニュース
企業や商品、Webサイトなどの「顔」と言ってもいいほど重要なのが「ロゴ」のデザイン。今回はデザインのヒントからチュートリアル、有名なあのロゴの秘密まで、見ているだけでもワクワクできる、はてなブックマークでも人気の「ロゴデザイン」にまつわるエントリーを集めてみました。 ロゴデザインのヒントを得よう まずはロゴデザインのアイデア出しに使えるサイトです。 Logo Design Toolbox: 60+ Resources for Logo Design 25 Amazing Logo Collections 35 Smart Logos With Second Thought To Make You look Twice | Graphic and Web Design Blog -Resources And Tutorials 海外のデザイン性の高いロゴがたくさん集まっています。 40+ U
ウェブデザインの幅をひろげる20のキーワード | コリス
20 Vital Techniques & Best Practices For Effective Web Design 下記、各エッセンスの簡単な説明とワンポイントとサイトの紹介です。noupeのサイトでは他にも多くのサイトが紹介されています。 1. ビビッド カラー 2. グラデーションとライトのエフェクト 3. 透過 4. グランジ 5. 手書き風のデザイン 6. 押さえた色味 7. 水彩画のエフェクト 8. ネイチャー系のエレメント 9. 写実的でリアルな背景 10. 特大のタイポグラフィ 11. デコラティブなタイポグラフィ 12. 大胆な背景 13. レトロやヴィンテージのエレメント 14. アイキャッチなヘッダ 15. コラージュしたエレメント 16. テクスチャを使った背景 17. タブ型のナビゲーション 18. ブラックとホワイト 19. 水平方向のスクロール 20.
ロゴデザインやタイポグラフィの見本や資料まとめ集:phpspot開発日誌
最近発見した、ロゴデザインやタイポグラフィの見本や資料まとめを色々と集めました。 ロゴデザイン 16 Logo Design Processes Of Top Logo Designers | Pixelactic １６種類ロゴデザインの作成プロセスまとめ 45 Creative Logo Designs For Inspiration | Pro Blog Design ロゴデザインいろいろ４５＋ 20 Very Clever Logo Designs | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver 様々なクリエイティブなロゴまとめ Super Creative Design Logos. クリエイティブなロゴデザイン集の紹介エントリ 110 Fresh
和風テイストのFlashサイト「にっぽんと遊ぼう」がカッコいい:phpspot開発日誌
にっぽんと遊ぼう | NIPPON TO ASOBO 和風テイストのFlashサイト「にっぽんと遊ぼう」がカッコいい。 メニューの縦書きや、スクロールの仕方など、海外のデザインサイトばかり見ているとあまり見ないような動きになっていて、参考になります。 海外のばかり見ていると、デザインも海外っぽい感じになってしまいそうですが、こうした日本を前面に出したようなオリジナルな感じも取り入れていったほうがよいのかも、と思ってしまいました。 関連エントリ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 ログインフォームのデザイン集１００種 プロレベルなサイトデザインのPhotoshopチュートリアル集 デザインのインスピレーションを受けるために便利なサイト集
ITクオリティ がっつりデザインを学べる100のキャラクターインスピレーション
キャラクター制作のデザインインスピレーション集。 とにかくがっつり詰まっているので、キャラクター制作に困ったら一度見ておくと良いかもしれない。かなりたくさん詰まっているので、見ているだけでもなんとなく勉強になるような気がする不思議。 様々なキャラクター 100のキャラクターデザインインスピレーション 100 inspiring character designs それでは、また。 2009/06/21(日) 20:09:49| デザインを学ぶ | トラックバック:0 | コメント:0
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
ロゴデザインの参考になる綺麗なロゴ集:phpspot開発日誌
125 Creative Text Based Logo Designs For Design Inspiration | Showcases | instantShift ロゴデザインの参考になる綺麗なロゴがまとめられていましたので、目に付いたものをピックアップ。 アイデアが満載で、ロゴデザインに困ったときのネタ帳として使えるかも 全部見る ロゴデザインが秀逸だと、サイトを１回見ただけでも覚えやすいですよね。 また、ロゴにアイデアが盛り込まれていると、そのサイトも何か面白いことをやってるんじゃないか、という風に思ってしまうから不思議ですね。 関連エントリ プロフェッショナルなロゴ作成の手順 あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ スターウォーズの映画ロゴ風テキスト作成用Photoshopチュートリアル
ページの幅960pxを基準にして、設計するグリッドデザイン | コリス
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2010年になる前に、見ておきたい15のウェブサイトのデザイン
緑ベースのロゴデザインを作成する際に便利なまとめ集:phpspot開発日誌
WebDesignParts Gallery
http://tools.rightclicksright.net/data/14377.aspx