iPhone, Androidなど、スマホのユーザインターフェイスの参考になるギャラリーサイトを海外・国内ともに紹介します。 まずは、スマホでその操作が楽しいアニメーションを伴ったUIギャラリーから。
![ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/dcc3a9f3a3eff06097f3a071acc7db0affe778b9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014102205-01.png)
ウェブ用の素材やアイコンなどのベクター素材がダウンロードできるFree Vector Downloadを紹介します。
Photoshopの作業効率をアップする、知ってると便利な10のTipsをBest Design Optionsから紹介します。 Tips 「レイヤーパレット」の「目(レイヤーの表示/非表示)」を[Alt]キーを押しながらクリックすると、そのレイヤーだけを表示状態にし、残り全部を非表示にします。 元に戻す際は、同様に[Alt]キーを押しながら「目のアイコン」をクリックします。 2. Hide the palettes パレットを1アクションで全て隠します。
使用するサイトのデザインにあわせて、カラーの変更が可能なフリーのアイコンがダウンロードできる「Iconza」を紹介します。 Iconza アイコンは、上記キャプチャのようにアイコンのカラーや背景のカラーを変更でき、サイズは32x32, 24x24, 16x16のものがあります。 アイコンは現在のところ90種類あり、ホーム、メール、RSS、検索、アローなど利用頻度の高いものがたくさん揃っています。 アイコンのキャプチャ(クリックで拡大) アイコンのダウンロードは、各アイコンをクリックすると個別にダウンロードでき、まとめてダウンロードする際は下部の「Download all icons」をクリックします。 アイコンは、PNG形式でした。 ライセンスは「Totally free.」となっているので、商用サイトでも利用可です。
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
スクリーンショットをプロダクトの写真などと一緒に300dpiで出力する際にぼやけてしまう場合、スクリーンショットがシャープになるようにする方法をTurbo Photoから紹介します。 ビフォーとアフター Step 1: Capture the screen スクリーンをキャプチャします [Ctrl]キーを押しながら、[PrtSc](プリントスクリーン)キーを押します。 アクティブなウインドウだけをキャプチャしたい場合は、[Ctrl]+[Alt]と[PrtSc]キーを押します。 Step 2: Paste in Photoshop Photoshopにペーストします Photoshopを起動し、新規ドキュメントを開きます([Ctrl]+[N])。Photoshopはキャプチャに合わせたサイズで開きます。 スクリーンショットをペースト([Ctrl]+[V])します。 Step 3: Chang
Vector Trees Silhouettes ベクター素材はPhotoshopのカスタムシェイプとなっており、50以上の木のシルエットのパターンがあります。
HVD Fontsからハイクオリティなフリーのデザインフォントを紹介します。「Still Free」もあるので、ダウンロードはお早めに。
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ(見つけやすさ)を改善するものとなります。 また、ランディングページ(検索などから訪れた最初のページ)にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
スワール、アブストラク、フラクタル、グランジなどのPhotoshopのブラシ4,479種、Photoshopのパターン240種、ハイクオリティなテクスチャ160種を収集しているポータルサイト「FBrushes!」を紹介します。
アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ
2009年のトレンドという噂もある、フォントをプレスしたようにするレタープレスのPhotoshopのチュートリアルを紹介します。 噂はこちら 2009年、押さえておきたいウェブデザインの10のトレンド
Pantone Selects Color of the Year for 2009 ミモザの花言葉は、「豊かな感受性」。 満開のミモザの花は素晴らしいきらめきをはなち、晴れやかであふれる希望をイメージさせます。 ミモザは、女性のアクセサリー、家具、スポーツウェア、男性のタイやシャツなどに輝きを与えます。インテリアにもマッチし、朗らかで暖かさも演出するでしょう。 Pantone: fashion color spring 2009 続いて、2009年春のトレンドカラーです。 pantone fashion color report spring 2009 2009年春のトレンドカラーは、新芽の息吹や開花を表現したもの。「新しい始まり」を予感させます。 サイトでは、2009年春のトレンドカラーの各色のイラストや説明があるPDFが配布されています。
最近リリースされたものを中心とした、細部までしっかりとデザインされたWordPressのテーマ30選+αです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く