はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 美しいレイアウト

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 13 / 13件)
 

進化するWebデザイン!参考用トレンド満載のウェブサイト30個まとめ 2015年9月度 - PhotoshopVIP

2015/09/28 このエントリーをはてなブックマークに追加 106 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブページ 配色 アニメーション PhotoshopVIP

ウェブサイトのデザイン制作に悩んだとき、参考にしたい最新Webデザインをまとめました。美しいレイアウトやグラフィックデザインはもちろん、配色や良質なデザインコンセプトを学んでみてはいかがでしょう。 2015年のWebデザイントレンドを盛り込み、さまざまな仕掛けやアニメーションでユーザーを楽しませてくれ、キラーコンテンツとなるウェブページの作成にどうぞ。 詳細は以下から。 進化するWebデザイン!参... 続きを読む

雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | MEMOPATCH

2014/06/02 このエントリーをはてなブックマークに追加 450 users Instapaper Pocket Tweet Facebook Share Evernote Clip Flipboard MEMOPATCH レイアウト プロセス

雑誌のページをめくるように、美しいレイアウトでニュースやブログ記事を読めると人気のFlipboard。その雑誌のようなレイアウトを生成するレイアウトエンジンについて、Flipboardのエンジニアブログに“Layout in Flipboard for Web and Windows”というタイトルで解説されていました。そのレイアウトを生み出すまでのプロセスがあまりに面白かったので、今回その著者の... 続きを読む

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

2014/04/10 このエントリーをはてなブックマークに追加 418 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ウェブデザイン psd エレメント グリッド

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

[JS]斜めのグリッドを使った美しいレイアウトを簡単に実装できるスクリプト -diamond.js | コリス

2013/10/15 このエントリーをはてなブックマークに追加 121 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス jQuery Flickr グリッド スクリプト

スタイルシートやスクリプト初心者でも簡単! 斜めのグリッドを使った美しいダイアモンド状のレイアウトを実装できるjQueryのプラグインを紹介します。 diamonds.js- GitHub diamonds.jsのデモ diamonds.jsの使い方 diamonds.jsのデモ デモではFlickrの画像をダイアモンド状にカットし、斜めのグリッドで配置しています。 デモページ デモはスクリプトの... 続きを読む

ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precision | コリス

2013/08/08 このエントリーをはてなブックマークに追加 486 users Instapaper Pocket Tweet Facebook Share Evernote Clip ebook コリス ibook ウェブデザイン ピクセル

思わず、これ無料なの?!というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック(Amazonで見る)のウェブに特化した感じで、完璧な精度のピクセルにどのよう... 続きを読む

【webデザイン】ホームページを作るときに参考になりすぎるサイト集 - NAVER まとめ

2013/06/15 このエントリーをはてなブックマークに追加 493 users Instapaper Pocket Tweet Facebook Share Evernote Clip デザイン NAVER すべて 更新日 webデザイン

新しくホームページを作りたいときに参考になる、美しいレイアウト・デザインのホームページ集。すべてのホームページでwebデザインに関する記事を書いていらっしゃるので、よけいに参考になりすぎる。 更新日: 2013年06月15日RSS 続きを読む

美しいバランスの黄金比をウェブページのレイアウトに実用的に取り入れる -Golden Bootstrap | コリス

2012/10/30 このエントリーをはてなブックマークに追加 172 users Instapaper Pocket Tweet Facebook Share Evernote Clip Bootstrap コリス エレメント グリッド ウェブページ

黄金比を使ったグリッドを組み立てたり、エレメントに使ったりなど、美しいレイアウトを生み出すGolden Bootstrapを紹介します。 Golden Bootstrap Golden Bootstrap -GitHub Golden BootstrapはBootstrapのプラグインで、「bootstrap.less」にファイルをインクルードして利用します。 // Grid system and... 続きを読む

パースや構図など、画面の演出法を徹底的に解説された良書 Methods―押井守「パトレイバー2」演出ノートレビュー | お絵かき速報!萌え絵上達法

2012/03/09 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip 押井さん レイアウト 意図 透視図法 パトレイバー

【まとめ】 そんな細かい部分まで考慮してレイアウトを考えているのか! というのが初めて読んだ感想です。 どういう意図でこの構図にしたのか、どういう演出効果を狙ったのか、1シーン1シーン詳しく解説されています。 押井さんが、見る側の受ける印象にとことん気を使い、試行錯誤されているのが分かりました。 美しいレイアウトを見て楽しめ、解説を読んで勉強できる素晴らしい本だと思います。 ただ、透視図法やカメラ... 続きを読む

クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton - かちびと.net

2011/10/08 このエントリーをはてなブックマークに追加 433 users Instapaper Pocket Tweet Facebook Share Evernote Clip かなり 技術 デザイン テーマ 参考

なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね。 僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブロ... 続きを読む

[CSS]わずか1KBのスタイルシートでもここまで美しいレイアウトができる -CSS1K | コリス

2011/07/11 このエントリーをはてなブックマークに追加 415 users Instapaper Pocket Tweet Facebook Share Evernote Clip デベロッパー コリス CSS JS1K CSS1K

以前、流行った「CSS Zen Garden」の「JS1K」版といった感じの、1KB(1024文字分)のスタイルシートだけで美しいレイアウトを数多くのデベロッパーが作り、登録できるサイトを紹介します。 CSS1K CSS [...] 続きを読む

メディアクエリでiPhoneやiPadにもレイアウトが最適化されているHTML5製のWordPressテーマ・Constellation Theme - かちびと.net

2011/04/27 このエントリーをはてなブックマークに追加 96 users Instapaper Pocket Tweet Facebook Share Evernote Clip iPhone フレームワーク ライブラリ メディアクエリ 課題

iPhoneやiPadなど人気のタッチデバイス に対応させる事が最近では大きな課題 の一つでもあり、その方法としてライブラリ やツールを使う方法など様々です。WPも 多くの方法がありますが、今日のテーマは 既に最適化されたフレームワークになります。 css3のメディアクエリで様々なデバイスでも美しいレイアウトを保てるようにされているWPテーマのフレームワーク。HTML5を採用しています。 いままで... 続きを読む

プロレベルのWEBサイトレイアウト作成チュートリアル30:phpspot開発日誌

2011/03/27 このエントリーをはてなブックマークに追加 380 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 チュートリアル集 過去 プロ

30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル30。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 ... 続きを読む

美しいレイアウトを計算してくれるツール :: Love & Design ::

2006/08/31 このエントリーをはてなブックマークに追加 605 users Instapaper Pocket Tweet Facebook Share Evernote Clip 白銀比 DESIGN レイアウト LOVE 黄金比

以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組(2カラム)するとき 横幅780... 続きを読む

 
(1 - 13 / 13件)