美しい配色、デザインの参考にしたい！すごい無料UIコンポーネント素材まとめ - PhotoshopVIP

2015/08/04 356 users 参考 モバイルアプリ デザイン 配色 UIコンポーネント素材

UIコンポーネント素材は、ウェブサイトやモバイルアプリを作成するときなど、ドラッグ＆ドロップの直感的でシンプルな作業のみで、サイトデザインを完成させることができます。それぞれの素材は、プロデザイナーがピクセル単位にこだわり作成し、トレンドのデザインや配色などを採用しているので、高品質なデザインも特長です。 今回は、最近公開されたデザイン性の高い、無料UIコンポーネント素材をまとめてご紹介します。今... 続きを読む

Web制作に役立つ便利すぎるブックマークレットのまとめ | コリス

2015/04/02 306 users コリス グリッド ブックマークレット フォント Chrome

Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造... 続きを読む

画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 : ライフハッカー［日本版］

2014/06/13 157 users カメきち ライフハッカー スクリーンショット ソフトウェア

MacOS , OS , ソフトウェア , ツール , デザイン , 趣味 画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 カメきち 2014.06.14 07:30 「Pixel Winch」はピクセル単位でサイズを測定できるツールです。スクリーンショットを撮影し、画面内の要素間のサイズなどを測定できます。 以下に使ってみた様子を載せておきます。 まず、Pixel Win... 続きを読む

ウェブサイトの制作に必ず役立つブックマークレットのまとめ | コリス

2013/01/21 548 users コリス セレクタ ブックマークレット アクセシビリティ CSS

ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを... 続きを読む

Photoshop VIP ☞ デザイン質感アップ、継ぎ目のない無料ピクセルパターン素材16個まとめ

2012/05/18 416 users 継ぎ目 Photoshop 質感 背景 単色

Photoshopで背景をデザインするとき、どのように作成していますか。 単色でペイントした背景に、細かいピクセルパターンを重ねることで、質感をアップすることができますよ。 海外デザインブログTripWireMgazineで、ピクセル単位で作り込まれた、継ぎ目のない無料パターン素材を700個まとめた保存版的エントリー「700+ Ready to Grab Free Photoshop Pixel ... 続きを読む

商用利用も無料、Facebookファンページの作成に役立つPSD素材（ワイヤーフレーム付き） | コリス

2011/09/14 166 users コリス Freebie psd GUI PSD素材

ピクセル単位で正確につくられた、FacebookファンページのGUIがまとめられたPSD素材を紹介します。 Freebie: Facebook Fan Page GUI PSD FacebookファンページのPSD素材は [...] 続きを読む

ピクセル単位で正確につくられた、AndroidのGUIをまとめたPSD素材 | コリス

2011/08/11 135 users コリス psd GUI PSD素材 デフォルト

Androidのアプリ開発に役立つ、モックアップ用のPSD素材を紹介します。 Android GUI PSD (High-Density) Android GUI PSDは、Androidのデフォルトのスキンをベースに標 [...] 続きを読む

fladdict » スマーホのUI考 〜 ボタンについて

2011/06/12 1834 users fladdict マウスポインタ UI考 制約 スマーホ

スマートフォンアプリのUIの話 〜 ボタンについて 色々と自分の中の考えをまとめるためのメモ。 ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作... 続きを読む

Photoshop Vip » Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ

2011/05/09 372 users Photoshop Vip 要ダウンロード webデザイン

News Home > News > Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ 2011年5月9日　　　 最近のウェブデザインの特長のひとつとして、ピクセル単位にまで気を配ったデザインパーツを利用しているケースをよく見かけるようになりました。 影などを利用し... 続きを読む

404 Blog Not Found:タブのスペース化はタブ幅よりも重要である

2006/04/29 133 users タブ タブ幅 404 Blog Not Found 萌ディタ

あえて断言します。君たちは半分しかわかっていないと。 Charsbar::Note - タブとスペースの話あえて断言しときます。こんなモンはバッドノウハウなんであって、ベストプラクティスでもなんでもない、と。 最速インターフェース研究会 :: タブとスペースと萌ディタの話なんかそもそもタブを使わずにスペース4で統一せよってのはフォントサイズをピクセル単位で指定したがるデザイナの言い分みたいで気に食... 続きを読む