スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー - かちびと.net
Warning: Undefined array key "width" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1681 Warning: Undefined array key "height" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1682 自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目
モバイル、ウェブサイトのUIデザインに使えるPhotoshop用フリー素材30個まとめ
以前にもUIデザインやワイヤーフレームに便利なデザインキットをまとめたエントリーをご紹介しているのですが、新しいフリー素材がたくさん公開されていましたので、再度まとめることにしました。 海外デザインブログSpeckyboy Design Magazineで、モバイルやウェブサイトのUIデザインで使えるPhotoshop用デザインキットを30個まとめたエントリー「30 Fresh Web UI, Mobile UI and Wireframe Kits」が公開されていたので、今回はご紹介します。 iPhoneやAndroidなどのスマートフォンやiPadなど忠実に再現したPSDファイルや、思わずクリックしたくなるようなボタン、UIデザインなど利用することで制作時間の短縮になるアイテムが揃っています。 まだ確認していないデザイン素材キットがないか確認してみてはいかがでしょう。 詳細は以下から。
ドロップシャドウとグラデーションの使用を的確にするためのチュートリアル
なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか？ Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。 Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors 下記は、各ポイントを意訳したものです。 ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションの使用の注意点 使用は、より繊細に よくある間違いと解決方法 おわりに ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションは、スペースに錯覚を生じさせるための基本的なテクニックです。 Mac OS Xのドックを例にとると、輝いたテーブルの上に各メニューのアイコンが浮き上がっ
2Do: 高機能、良デザイン、それでいて抜群に使いやすいToDoアプリ。マジで最強です。
＜忙しい人のための3ポイント紹介＞ 高機能ToDo管理アプリ。カテゴリ分け、アラームなどなど・・・iCalとも連動 高機能のわりに使い勝手は結構いい感じ。秀逸ユーザビリティ デザインはほんとにかわいい。細かい動作にも凝ってる。かなり好き 3ポイント紹介でも察していただけたかと思いますが、2Do、Toshismはかなり高く評価しています。実際かなり良いです。本当に良いです。機能よし、UIよし、デザインよしの3拍子が揃っています。 ToDo、実は先日まで紙で管理していました。朝起きてから、もしくは夜寝る前にやることを洗い出して、それを参考に1日を過ごすというやり方です。 しかし、「2Do」に出会ってしまいました。レビューをするために軽く2Doを使い始めたのが運の尽き（いや、幸福な出会いと呼ぶべきか？）。そのまま僕のiPhoneに居着いてしまいました。 そんな破壊力を持つ2Do。ご紹介いたします
30 Professional Logo Design Processes Revealed | Creative Nerds
September 21st, 2009 Articles A collection of articles from logo designers who share their tips, tricks and secrets about the process they go through when creating a logo for a client. Including the process which Chris Spooner went through in order to redesign the design bump logo. 1. Logo Design Project Step by Step Walkthrough Project: myNiteLife Logo Designer: Chris Spooner 2. Step By Step Desi
Chart Chooser by Juice Analytics: Download Tufte-compliance Excel and PowerPoint charts
Please wait, redirecting.
You searched for design - Ecommerce Platforms
Opting for Shopify as an ecommerce platform and page builder has its advantages. Not only does Shopify offer a full online store with advanced marketing tools at an affordable monthly rate, but the themes and apps for designing and extending your store are often free or rather inexpensive. Advertisment ⓘ We often recommend premium themes from Shopify due to their extra features and more intuitive
Fonts Used In Logos of Popular Websites « Build Internet
This roundup was gathered through a combination of top notch Google-ing and What the Font?-ing. Midway through my travels across the internet, I stumbled upon a Web 2.0 logo font roundup, which is worth a look as well. You’ve seen these fonts, now you get to learn their names: Twitter – Pico Alphabet (Modified) Digg – FFF Forward (Modified) Cork’d – Triplex Vimeo – Black Rose Grooveshark – FF Nuvo
Photoshopでインパクトのある背景をデザインする方法 – creamu
Six Revisionsで、インパクトのある背景をPhotoshopでデザインする方法が紹介されています。 線状のグラデーション、放射状のグラデーション、ライティングエフェクト、テクスチャやパターンを使用した例などが載っています。 Much like with the gradient, you can make your website pop by using a unique color. グラデーションと同じく、ユニークなカラーを用いることで、サイトをポップにデザインすることができる。 っていう解説付きで参考になりますね。 グラデーションを用いた例 グラデーションとパターンを用いた例 という感じですね。 一度見てみてください。 » Make High-Impact Backgrounds for Your Designs with Photoshop 金曜日ですねー。今週はあっと
いいデザインをするための4原則 – creamu
My Ink Blogで、「4 Principles of Good Design for Websites」と題していいデザインをするための4原則が紹介されています。 4原則とは、Contrast（コントラスト）・Repetition（反復）・Alignment（整列）・Proximity（近接）のことですね。 それぞれ具体的なサイトを挙げて説明しているのでわかりやすいですね。 例えばコントラストだと、「画像のコントラスト・色のコントラスト・フォントのコントラスト」が紹介されていて、↑のキャプチャの「Instabox」は、画像のコントラストをうまく使った例。色は落として、画像の大きさを強調しているから目を引きますね。 Final Thoughtsとして、 It’s unbelievable how much better your designs will become when you
かっこいい背景を作るためのガイド60+ – creamu
noupeで、かっこいい背景を作るためのガイドが紹介されています。 いくつかご紹介しますね。 ↑はPhotoshopでデジタルにぼけ足を作るためのエフェクト。 » Photoshopで作るレトロなグリッド背景 » Photoshopでリアルな石のテクスチャを描く方法 » 継ぎ目のない背景の作り方 » Photoshopでリアルに破れた感じを表現する » illustratorで繰り返すパターンをデザインする その他のリストは以下からどうぞ。 » Outstanding Website Background Guide: 60+ Impressive Resources 渋谷の街がピグに見えてきたぞ。 時計は結局Googleガジェットのアナログ時計を入れました。小さめでかっこよくて、なかなかいい感じかな。もっと小さかったらいいのになー。あと透明度も設定したい。
無料アイコン100パック2009年版*ホームページを作る人のネタ帳
アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン １～１０ Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H
クールな感じを演出できそうな色々な形状のPhotoshopブラシ集:phpspot開発日誌
270 High-Res Rough and Grungey Photoshop Brushes クールな感じを演出できそうな色々な形状のPhotoshopブラシ集。 リアルなスプレーやペンキの形状をしたブラシが２７０個も紹介されています。 以下ダイジェストで紹介。 High Resolution Watercolour Photoshop Brushes 水彩風のブラシ Spray Paint Photoshop Brushes きついスプレーペイント風 High Res Acrylic Paint Photoshop Brushes 絵の具たっぷり風 High Res Spraypaint Brushes 自然なスプレーブラシ High Res Spraypaint Brushes スプレーが垂れている感じのブラシなど 全部見る ブラシを複数にして散らせてみるのも面白そうですね。 関連
VoIP Phone Service - Get #1 Internet Phone for Home + Business | Ooma
Spectacular Fall Specials for Small Businesses. Call 877-353-5185 today.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 12 | コリス
http://www.designwalker.com/2009/05/illustrator-text-effect.html
ExtraHop: Cloud-Native Network Detection and Response | ExtraHop
Learn Graphic Design
