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

2015/09/28 106 users ウェブページ 配色 アニメーション PhotoshopVIP

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

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

2014/06/02 450 users Flipboard MEMOPATCH レイアウト プロセス

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

モバイルアプリ用UIコンポーネントのHTML/CSSソースコードを生成してくれる「Onsen CSS Components」、アシアルが公開 － Publickey

2014/05/02 49 users Publickey モバイルアプリケーション アシアル 手間

モバイルアプリ用UIコンポーネントのHTML/CSSソースコードを生成してくれる「Onsen CSS Components」、アシアルが公開 モバイルアプリケーションの開発でもっとも手間がかかるのが、ユーザーインターフェイスの構築です。例えばHTML5でモバイルアプリケーションを開発する場合、適切なUIコンポーネントを美しい外観と美しいレイアウトで実現するために、HTMLとCSSを駆使し、何度も試... 続きを読む

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

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

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

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

2013/10/15 121 users コリス jQuery Flickr グリッド スクリプト

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

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

2013/08/08 486 users ebook コリス ibook ウェブデザイン ピクセル

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

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

2013/06/15 493 users デザイン NAVER すべて 更新日 webデザイン

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

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

2012/10/30 172 users Bootstrap コリス エレメント グリッド ウェブページ

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

写真集のような美しいレイアウトで画像を閲覧できる「million moments」 | あんどろいどスマート

2012/06/28 12 users million moments デジ あんどろいどスマート

撮り貯めた写真を観賞して思い出を振り返るときには、画像を一枚ずつ表示したり小さなサムネイルリストで表示するだけの画像ビューアでは味気ない。Sony Digital Network Applicationsから無料公開されている「million moments」を使ってみよう。端末上から取り込んだ画像ファイルを自動で写真集のようなレイアウトで並べて、左右スワイプによるページめくり操作で閲覧できるデジ... 続きを読む

Flipboard : 史上最高に美しいソーシャルリーダーが今ここに。あらゆる情報が1冊の雑誌になる！無料Androidアプリ

2012/06/22 30 users Flipboard オクトバ Per Instagram 史上

本日、iPhoneやiPadで高い人気を誇るソーシャルニュースマガジンアプリ『Flipboard』のAndroid版が正式リリースされました！ ニュースやTwitter、Instagramまで、ネット上の様々な情報を雑誌のような美しいレイアウトでチェックすることができます。 ページの切… kazamidori for アンドロイド用アプリが見つかる！スマホ情報ならオクトバ, 2012. | Per... 続きを読む

iPad Creator: Instavue｜Retinaディスプレイで見るInstagram写真が美しい。iPad専用Instagramクライアントアプリ

2012/04/18 14 users Instagram写真 クライアントアプリ iPad 写真

2012/04/19 Instavue｜Retinaディスプレイで見るInstagram写真が美しい。iPad専用Instagramクライアントアプリ Author: Necojita | Posted at: 4/19/2012 | Filed Under: Instagram, 写真 iPadからInstagramを美しいレイアウトで表示するクライアントアプリ「Instavue」がリリース。新... 続きを読む

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

2012/03/09 56 users 押井さん レイアウト 意図 透視図法 パトレイバー

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

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

2011/10/08 433 users かなり 技術 デザイン テーマ 参考

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

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

2011/07/11 415 users デベロッパー コリス CSS JS1K CSS1K

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

「美しいレイアウトで良い読書体験を」オンライン出版サイト『BCCKS』が新リーダー等を発表 - ガジェット通信

2011/06/03 21 users BCCKS ROOM ブックス 決意表明 ガジェット通信

●あたらしい出版『BCCKS』が新ブックリーダーの発表会を開催 誰でもウェブから電子書籍をつくることができるサービス、『BCCKS(ブックス)』が現在の開発状況とこれからのサービスリリース予定について発表しました。 ●BCCKS（ブックス） http://bccks.jp/ ●「BCCKSは、決してやめない」さまざまなものを保存していくサービスとしての決意表明 発表会は恵比寿LIVING ROOM... 続きを読む

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

2011/04/27 96 users iPhone フレームワーク ライブラリ メディアクエリ 課題

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

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

2011/03/27 380 users phpspot開発日誌 チュートリアル集 過去 プロ

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

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

2006/08/31 605 users 白銀比 DESIGN レイアウト LOVE 黄金比

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