ポートフォリオWebサイトを作ろう！2015年版
2015年11月11日 Webデザイン Webデザイナーやデベロッパーの就職・転職活動で必要なのが、これまで制作した作品をまとめたポートフォリオWebサイト。以前このブログでも「Webデザイナーになりたい！就活に打ち勝つポートフォリオWebサイトの作り方」という記事で作り方なんぞをまとめました。この記事を書いた2010年時点では「ポートフォリオサイトは日本では一般的ではない」なんてコメントされたりもしましたが、5年たった今、もはや必須となっていると思います。そこで改めてポートフォリオサイトについて書いてみます。 ↑私が10年以上利用している会計ソフト！ 「さぁ、ポートフォリオサイトを作ろう！」と思っても、どんな内容のサイトにすればいいか悩みますよね。ここでは実例を見ながら、ポートフォリオサイトに盛り込むべき項目を挙げていきます！ 制作した作品（Webサイト・サービス） ポートフォリオサイト
日本のイケてるフォトグラファーのポートフォリオサイト25選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。最近使い捨てカメラにハマっています、デザイナーの佐藤タカアキ（@sato_tkaaki）です。「撮るよー、あ、巻いてなかった！」というやりとりが、何とも無駄で好きです。 さて、僕の主な仕事はグラフィックデザインで、人物合成をするときなんかはもちろん一眼レフカメラを使用した撮影からやるのですが、元々カメラマンってわけではなく、一眼レフカメラを本格的に扱い始めたのも1年ほど前なので、フォトグラファーの方々と比べると全然使いこなせていません。 慣れだけでは越えられない壁があるとはわかりつつ、イケてるフォトグラファーの方々の写真を見て日々勉強しています。 そこで今回は、僕が個人的に「写真はもちろん、サイトデザインもイケてる！」と思った日本のイケてるフォトグラファーのポートフォリオサイトをまとめました。 それではいってみましょーう。 独学でつまずいていませんか？ Webデザインを効率的に
最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd（72種類のレイアウトとチャート） .ai（72種類のレイアウトとチャート） .sketch（72種類のレイアウトとチャート） .png（72種類の各レイアウト） 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。
ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free WordPress Themes For Creative Portfolios」
TOP > WordPress > ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free WordPress Themes For Creative Portfolios」 自身のこれまでに作成してきた作品を一般に広く公開するために利用されるポートフォリオサイト。作品はもちろんですが、サイド自体のクオリティを高めることでより作品が魅力的に見えてくるのではないでしょうか？そんな中今回紹介するのは、ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free WordPress Themes For Creative Portfolios」です。 Slider Responsive Theme – Free 2013 | Premium Portfolio Responsive WordPress Themes – Dessign デザイン性や視認性の高
デザインの参考になる！落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ
サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのページレイアウトやUIキットが揃ったPSD素材を紹介します。
monopo | Tokyo based design-driven creative agency
We develop innovative concepts and experiences for our clients with a design-centric approach. Everything from branding, PR, and business, to product development and community engagement. Our team of dedicated creators process a strong craftsmanship spirit and supports every project from pitch phase through to launch. 01 Brand design & management We offer management, production, and building of a
商用無料の写真素材のブックマークに加えておきたい、高解像度でセンスのいい写真画像がダウンロードできるサイト -raumrot
raumrot 最近は海外のハイセンスな写真素材をダウンロードできるサイトが増えてきましたね。こういったサイトはブックマークにいくつ増えても困らないと思うので、前の記事を未読の人は参考にしてみてください。 雰囲気のある写真画像がダウンロードできるストックフォトサイトのまとめ とちょっと逸れたので、「raumrot」のご紹介。 「raumrot」は個人でも商用のプロジェクトでも無料で利用できる写真がダウンロードでき、ジャンルはビジネス・テクノロジーから自然・山・スポーツ・フード・ドリンクなど、さまざまなものが用意されています。 サイズは2048x1536～5760x3840と、高解像度なのも嬉しいポイントです。
厳選！WordPressのかっこいいテーマファイルを探してる人にオススメの無料テーマのまとめ
縦長の1ページコンテンツ、パララックスエフェクト、カード状のレイアウト、固定ヘッダ、ガラス越しのようなブラーエフェクトなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマファイルは全て無料で利用でき、単に見るだけでもデザインの参考になるものばかりです。
最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ
ただ見ているだけでもその美しいレイアウトに惚れ々々してしまう、最近のウェブデザインのトレンドを取り入れたウェブページやスマフォページのPSD素材を紹介します。 PSDが全部ダウンロードできるので、実用にも勉強にも役立ちます！
ポートフォリオサイトの作り方
就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。 今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。 なぜwebデザイナーの就活にポートフォリオサイトが必要なのか ポートフォリオは自分自身のデザインスキルや技術スキルの作品集。自分がどんな制作者で何が得意なのか、何が出来るのか、制作したサイトを見れば大体分かります。 webデザイナーにとってのポートフォリオは自分のちからを相手に知ってもらう大事な武器ですので、時間がないからといって片手間で作ったりせず、綿密に計画してフルパワーで作り上げる必要があります。 ポートフォリオを作る前の下準備 作品の構成要素 ポートフォリオに制作実績を掲載する時、下記の6つは載せておきましょう。 サイトのタイトル サイトのURL サイトのスクリーンショット 制
[CSS]水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック
1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこともできるのかとアイデアが素晴らしいものもたくさん！ デモページ 各デモと共にそのスタイルを紹介します。 まずはHTMLから。基本となるのは、2パターンです。 1つ目は、section要素にclassをつけるだけ。 <section class="ss-style-hogehoge"> コンテンツ </section> 2つ目は、svg要素を使用します。 <section> コンテンツ </section> <svg id="hoge"> SVGの中身 </svg> sctionだけの場合はclass、svgを使用するものはidになっています。 以下、各デモとそのスタイルです。 HTML/C
CSS3のふわりとしたアニメーションが気持ちいい画像ギャラリーを実装するチュートリアル
CSS3アニメーションとjQueryを使って、アニメーションの動きが気持ちいい水平型のギャラリー・ポートフォリオを実装するチュートリアルを紹介します。 デモページ：サムネイルのホバー時 サムネイルのホバー時だけでもキャプションの表示だけでなく、画像などのサイズ変更、テキストの表示、各アイテムの可視化、配置変更などもアニメーションで行われています。 実装 実装はポイントをまとめて紹介します、Stepは3つです。 元記事では詳細に書かれているので、参考にしてください。 Step 1: HTML 画像、2つのパラグラフ、タグが一つのセットになっており、それぞれをリスト要素で実装します。 <ul class="portfolio-items"> <li class="item"> <figure> <div class="view"> <img src="images/1.jpg"> </div>
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
資料からポートフォリオまで幅広く使える！キャプチャ画像をかっこ良くフレームに収める『FRAME』が超楽しい！ | バンクーバーのうぇぶ屋
すぐに使える！アニメーションを使ったUIエレメントのスニペットのまとめ -Kickdrop
http://webdesignmatome.com/design-matome/behance
2014年注目のイラストレーター30人（Behanceコミュニティ編） - PhotoshopVIP
新着記事
KOSUKE SUGIMOTO / 杉本晃佑