デザイナーのつぶやきから振り返る2013年話題になったWebサイト108選！（後編） | nanapi TechBlog

2013/12/04 8991 users nanapi TechBlog 後編 デザイナー psd 方々

Web業界の皆々様！2013年もお世話になりました！nanapiのデザイナー、CHINNENです。 デザイナーのつぶやきから振り返る2013年話題になったWebサイト108選！（前編）に続いて後編は、デザイナーのみならず、日々やることが増えるにWeb業界の方々にオススメの54選です！ iOS 7 GUI PSD iOS 7 GUI PSD ご存知Teehan+Laxが贈るiOS7のGUI。既にフル... 続きを読む

未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie

2019/10/29 2290 users psd Knowledge baigie トリル PDF

「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD]（59MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなお... 続きを読む

ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ | コリス

2012/12/11 812 users コリス Dribbble psd ウェブデザイン Kit

2012年下半期、チェックしておきたいUIデザインをdribbbleから紹介します。 PSDやPNGファイルをダウンロードできるので、勉強にもなりますよ。 下の方は、さまざまなエレメントが揃ったUI Kitです。 Future Camera app UI 近い未来こんな素敵なUIがくるのでしょうか。 Slide from The Bricks presentation 各エレメントが立体的に浮かび... 続きを読む

ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！ | コリス

2012/11/21 812 users コリス psd ウェブデザイン スライダー ウェブページ

ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAI... 続きを読む

これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材 | コリス

2016/09/15 779 users psd コリス Forever SVG Sketch

FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails E... 続きを読む

これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ - PhotoshopVIP

2016/06/13 746 users フォトショップ psd チュートリアル ひと デザイナー

フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメで... 続きを読む

クリエイター界激震　簡単にキーフレームアニメを作れるソフトに「無料で公開していいクオリティじゃない」の声 - ねとらぼ

2017/04/13 744 users とらぼ psd フリーウェア 無料 PNG

簡単にキーフレームアニメーションを作れるフリーウェア、「 AnimeEffects 」が「無料で公開していいクオリティーじゃない」と話題になっています。ニコニコ動画に使い方の紹介動画が公開されているのですが、非常に大きな可能性を感じさせてくれます。 同ソフトは、1枚の絵をアニメーションさせるためのソフト。pngやjpgなどの画像ファイルも使えますが、psd（Photoshop用の画像ファイル）を読... 続きを読む

ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ | コリス

2014/12/17 558 users コリス ウェブデザイン psd Dribbble ディテール

2014年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2014年を振り返りつつ、来年はどんな素敵なデザインが生まれるのか楽しみですね。 GIF for the Weather App まずはUIの動きも楽しめるシリーズ。リンク先ではGIFアニメーションで動いています... 続きを読む

最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles | コリス

2014/12/09 556 users コリス Sketch psd ワイヤーフレーム グリッド

最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles ダウンロードできる素材のフォーマットは、4種類。 .psd（7... 続きを読む

デザインのガイドラインや指示書の作成が驚くほど捗るPhotoshopの機能拡張 -Ink | コリス

2014/02/19 519 users ink コリス psd Photoshop エフェクト

PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 サイズやフォントの情報など、1クリックで作成してくれます。 Inkの特長 Inkのインストール Inkの使い方 Inkの特長 ウェブページなどのレイアウトやさまざまな要素のサ... 続きを読む

ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ | コリス

2013/12/16 513 users コリス ウェブデザイン psd Dribbble ディテール

2013年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2013年のデザインを振り返りつつ、来年はまたどんな素敵なデザインが生まれるのか楽しみですね。 iPhone 6 Infity iPhone 6発売前のコンセプトデザイン。発表される前のワクワク感はいいですよね。... 続きを読む

HTMLをレイヤー分けしたPSDに変換するキャプチャーソフト Page Layers が神 | fladdict

2012/09/16 490 users fladdict psd div AppStore レイヤー

Page Layersは、すごいウェブのキャプチャーアプリ。なんとキャプチャーするサイトを、DIVやIMG要素ごとにレイヤーわけしたPSDにしてくれる。 これは素敵と言わざるをえない。 ビデオをみれば素晴らしさは一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的... 続きを読む

2014年、無料で商用利用できる最新フリーアイコン素材のまとめ | コリス

2014/02/05 487 users コリス flaticon ピクトグラム psd SVG

ビジネスやホビー、ブログや企業サイト、スマフォアプリなど、さまざまなシーンで無料で利用できるフリーのアイコン素材をまとめました。 注目の高いSVGアイコン、アイコンフォントをはじめ、スタイルもソリッド、フラット、ピクトグラムなどさまざまなものが揃っています。 flaticon 全34,370種類（2014年2月現在）33カテゴリが揃ったフリーのアイコン素材。SVGをはじめ、PSD, PNG, we... 続きを読む

Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ | コリス

2014/07/03 474 users コリス Dribbble psd アートワーク ディテール

2014年上半期、チェックしておきたいUIデザインをDribbbleから紹介します。 各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。 アートワークにはアニメーションgifも多いのですが、ページサイズが大変なことになるため最初の一つだけです、アニメーションはリンク先で。 Pull to Refresh リフレッシュ時はプリロー... 続きを読む

PSやAIなどあらゆる形式に対応した、世界地図の無料デザイン素材20個まとめ - Photoshop VIP

2012/10/10 433 users Photoshop Vip 形式 世界地図 SVG psd

世界地図を利用したデザインを制作するときに困らない、PhotoshopやIllustratorでの編集可能な各種フォーマット形式で20種類まとめたエントリー「20 World Map Source Files (psd, eps, ai, svg & png)」が海外デザインブログSpeckyboy.comで公開されていたので、今回はいくつかピックアップ、ご紹介します。 PSDやAi、EPSファイ... 続きを読む

新トレンド「フラットデザイン」を参考、無料UIデザインキット(PSD + HTMLバージョン) - Photoshop VIP

2013/03/08 430 users psd CSSスタイリング おなじみ ＨＯＭＥ ダウンロード

Home　>　 ダウンロード　>　ダウンロード - その他　>　新トレンド「フラットデザイン」を参考、無料UIデザインキット(PSD + HTMLバージョン) Windows8のインターフェース画面デザインでもおなじみ、フラットデザインを意識したUIデザインキットFlat UIが公開されていたので、今回はご紹介します。 CSSスタイリングされたHTMLバージョンと、Photoshop用PSDファイ... 続きを読む

利用の制限一切無し！ベクターもPSDもフォントも全て揃ったチョー太っ腹なアイコン素材 -Captain Icon | コリス

2014/04/28 424 users コリス psd ベクター SVG チョー

ウェブでも紙でもデジタルコンテンツでも、そして個人でも商用でも無料で利用できる350種類以上のアイテムが揃ったアイコン素材を紹介します。 Captain Icon アイコンはカラーやサイズ変更が可能なベクターで、オフィス、ソーシャルメディア、ウェブ、スポーツ、ライフ、お天気などのさまざまなジャンルが含まれています。 ダウンロードファイルに含まれているフォーマットは、下記の通り。 .svg .eps... 続きを読む

最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ | コリス

2014/04/10 418 users コリス ウェブデザイン psd エレメント グリッド

ただ見ているだけでもその美しいレイアウトに惚れ々々してしまう、最近のウェブデザインのトレンドを取り入れたウェブページやスマフォページのPSD素材を紹介します。 PSDが全部ダウンロードできるので、実用にも勉強にも役立ちます！ BrandaLoka - Creative Onepage PSD Template 斜めのグリッドを使い、ダイアモンド状のエレメントを使った美しいレイアウト。 Free P... 続きを読む

はてなにログインしてると人のブログを見ただけでユーザー名がバレる - 素人がプログラミングを勉強していたブログ

2014/08/10 412 users プログラミング ハレ 素人 はてなに ユーザー名

2014-08-10 テスト テスト RSSで見てる人は直接開いてください javascripter 2014-08-10 17:57 コメントを書く Project Parfaitで尋常じゃない速さでpsd… » 続きを読む

洗練されたデザインのPSD素材が無料でダウンロードできるサイトのまとめ | コリス

2011/07/14 386 users コリス psd キャプチャ PSD素材 ウェブデザイン用

そのまま使うも良し、デザインの勉強をするも良し、のウェブデザイン用の高品質なPSD素材がダウンロードできるサイトを紹介します。 キャプチャ：「tutegate」から「Pretty little frame」 下記にPSD [...] 続きを読む

いまどきのウェブ制作にすぐに使えるパーツが満載！商用利用も可能！『All in one web elements kit』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2009/11/28 385 users IDEA いまどき パーツ ウェブ制作 満載

こいつは便利なんでメモメモ。いまどきのウェブ制作に使えるパーツがぎっしり詰まったPSDが配布されていますよ。ボタンやメニュー、ログインメニューなんかもありますね。 ↑ こんな感じ。 PSDで配布されていて、レイヤー管理もしっかりされているのでわかりやすいですね。 ↑ これは使いやすい。 なお、商用、非商用にかかわらず利用可能です。再配布とか再販はNGですが。詳しくは原文を見てみてくださいね。 » ... 続きを読む

Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit | コリス

2014/10/27 365 users コリス psd GitH Bootstrap エレメント

BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。 Drunken Parrot UI Kit Lite (free) Druken Parrot UI Kit -GitHu...記事の続きを読む 続きを読む

有用なPhotoshopファイル(psd)配布サイト１４:phpspot開発日誌

2008/05/12 342 users psd Speckyboy チュートリアル ファイル 素材

14 Amazing Free Photoshop .psd Resource Sites | Speckyboy - Wordpress and Design 14 Amazing Free Photoshop .psd Resource Sites. 有用なPhotoshopファイル(psd)配布サイト１４。 サイトのテンプレート用のファイルや、素材となるような画像、チュートリアル、アイコンま... 続きを読む

やる夫がデザイナーの作ったPSDにお怒りのようです | WebTecNote

2015/06/17 340 users WebTecNote psd DoJo memo jQuery

カテゴリー CSS (53) Compass (2) Sass (1) Custom (8) Dojo (1) GoogleMap (23) HTML&XHTML (12) HTML5 (1) Information (19) Javascript (42) jQuery (9) Material (9) Memo (71) やる夫がデザイナーの作ったPSDにお怒りのようです (5) MooToo... 続きを読む

質感溢れるクオリティの高いボタンのPSD*ホームページを作る人のネタ帳

2010/03/26 325 users psd ネタ帳 ホームページ

素敵な質感のあるボタンギャラリー。 あぁ・・・世の中素敵なデザイナーさんっていっぱいいるもんだなぁ等と思いながら、いつか使いそうなのでご紹介。 思わず押したくなるボタン 光沢があって、なにやらツルツルしてると思わず押したくなりそうになります。 全体的なデザインを考えて、「ボタンだけ浮かないように」注意して使う必要があるかもしれませんね。 中でもネタ帳お勧めのアイコンをピックアップ。 ちょっとでも気... 続きを読む