タグ 美しいレイアウト
人気順 10 users 50 users 100 users 500 users 1000 users進化するWebデザイン!参考用トレンド満載のウェブサイト30個まとめ 2015年9月度 - PhotoshopVIP
ウェブサイトのデザイン制作に悩んだとき、参考にしたい最新Webデザインをまとめました。美しいレイアウトやグラフィックデザインはもちろん、配色や良質なデザインコンセプトを学んでみてはいかがでしょう。 2015年のWebデザイントレンドを盛り込み、さまざまな仕掛けやアニメーションでユーザーを楽しませてくれ、キラーコンテンツとなるウェブページの作成にどうぞ。 詳細は以下から。 進化するWebデザイン!参... 続きを読む
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | MEMOPATCH
雑誌のページをめくるように、美しいレイアウトでニュースやブログ記事を読めると人気のFlipboard。その雑誌のようなレイアウトを生成するレイアウトエンジンについて、Flipboardのエンジニアブログに“Layout in Flipboard for Web and Windows”というタイトルで解説されていました。そのレイアウトを生み出すまでのプロセスがあまりに面白かったので、今回その著者の... 続きを読む
モバイルアプリ用UIコンポーネントのHTML/CSSソースコードを生成してくれる「Onsen CSS Components」、アシアルが公開 - Publickey
モバイルアプリ用UIコンポーネントのHTML/CSSソースコードを生成してくれる「Onsen CSS Components」、アシアルが公開 モバイルアプリケーションの開発でもっとも手間がかかるのが、ユーザーインターフェイスの構築です。例えばHTML5でモバイルアプリケーションを開発する場合、適切なUIコンポーネントを美しい外観と美しいレイアウトで実現するために、HTMLとCSSを駆使し、何度も試... 続きを読む
最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ | コリス
ただ見ているだけでもその美しいレイアウトに惚れ々々してしまう、最近のウェブデザインのトレンドを取り入れたウェブページやスマフォページのPSD素材を紹介します。 PSDが全部ダウンロードできるので、実用にも勉強にも役立ちます! BrandaLoka - Creative Onepage PSD Template 斜めのグリッドを使い、ダイアモンド状のエレメントを使った美しいレイアウト。 Free P... 続きを読む
[JS]斜めのグリッドを使った美しいレイアウトを簡単に実装できるスクリプト -diamond.js | コリス
スタイルシートやスクリプト初心者でも簡単! 斜めのグリッドを使った美しいダイアモンド状のレイアウトを実装できるjQueryのプラグインを紹介します。 diamonds.js- GitHub diamonds.jsのデモ diamonds.jsの使い方 diamonds.jsのデモ デモではFlickrの画像をダイアモンド状にカットし、斜めのグリッドで配置しています。 デモページ デモはスクリプトの... 続きを読む
ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precision | コリス
思わず、これ無料なの?!というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック(Amazonで見る)のウェブに特化した感じで、完璧な精度のピクセルにどのよう... 続きを読む
【webデザイン】ホームページを作るときに参考になりすぎるサイト集 - NAVER まとめ
新しくホームページを作りたいときに参考になる、美しいレイアウト・デザインのホームページ集。すべてのホームページでwebデザインに関する記事を書いていらっしゃるので、よけいに参考になりすぎる。 更新日: 2013年06月15日RSS 続きを読む
美しいバランスの黄金比をウェブページのレイアウトに実用的に取り入れる -Golden Bootstrap | コリス
黄金比を使ったグリッドを組み立てたり、エレメントに使ったりなど、美しいレイアウトを生み出すGolden Bootstrapを紹介します。 Golden Bootstrap Golden Bootstrap -GitHub Golden BootstrapはBootstrapのプラグインで、「bootstrap.less」にファイルをインクルードして利用します。 // Grid system and... 続きを読む
写真集のような美しいレイアウトで画像を閲覧できる「million moments」 | あんどろいどスマート
撮り貯めた写真を観賞して思い出を振り返るときには、画像を一枚ずつ表示したり小さなサムネイルリストで表示するだけの画像ビューアでは味気ない。Sony Digital Network Applicationsから無料公開されている「million moments」を使ってみよう。端末上から取り込んだ画像ファイルを自動で写真集のようなレイアウトで並べて、左右スワイプによるページめくり操作で閲覧できるデジ... 続きを読む
Flipboard : 史上最高に美しいソーシャルリーダーが今ここに。あらゆる情報が1冊の雑誌になる!無料Androidアプリ
本日、iPhoneやiPadで高い人気を誇るソーシャルニュースマガジンアプリ『Flipboard』のAndroid版が正式リリースされました! ニュースやTwitter、Instagramまで、ネット上の様々な情報を雑誌のような美しいレイアウトでチェックすることができます。 ページの切… kazamidori for アンドロイド用アプリが見つかる!スマホ情報ならオクトバ, 2012. | Per... 続きを読む
iPad Creator: Instavue|Retinaディスプレイで見るInstagram写真が美しい。iPad専用Instagramクライアントアプリ
2012/04/19 Instavue|Retinaディスプレイで見るInstagram写真が美しい。iPad専用Instagramクライアントアプリ Author: Necojita | Posted at: 4/19/2012 | Filed Under: Instagram, 写真 iPadからInstagramを美しいレイアウトで表示するクライアントアプリ「Instavue」がリリース。新... 続きを読む
パースや構図など、画面の演出法を徹底的に解説された良書 Methods―押井守「パトレイバー2」演出ノートレビュー | お絵かき速報!萌え絵上達法
【まとめ】 そんな細かい部分まで考慮してレイアウトを考えているのか! というのが初めて読んだ感想です。 どういう意図でこの構図にしたのか、どういう演出効果を狙ったのか、1シーン1シーン詳しく解説されています。 押井さんが、見る側の受ける印象にとことん気を使い、試行錯誤されているのが分かりました。 美しいレイアウトを見て楽しめ、解説を読んで勉強できる素晴らしい本だと思います。 ただ、透視図法やカメラ... 続きを読む
クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton - かちびと.net
なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね。 僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブロ... 続きを読む
[CSS]わずか1KBのスタイルシートでもここまで美しいレイアウトができる -CSS1K | コリス
以前、流行った「CSS Zen Garden」の「JS1K」版といった感じの、1KB(1024文字分)のスタイルシートだけで美しいレイアウトを数多くのデベロッパーが作り、登録できるサイトを紹介します。 CSS1K CSS [...] 続きを読む
「美しいレイアウトで良い読書体験を」オンライン出版サイト『BCCKS』が新リーダー等を発表 - ガジェット通信
●あたらしい出版『BCCKS』が新ブックリーダーの発表会を開催 誰でもウェブから電子書籍をつくることができるサービス、『BCCKS(ブックス)』が現在の開発状況とこれからのサービスリリース予定について発表しました。 ●BCCKS(ブックス) http://bccks.jp/ ●「BCCKSは、決してやめない」さまざまなものを保存していくサービスとしての決意表明 発表会は恵比寿LIVING ROOM... 続きを読む
メディアクエリでiPhoneやiPadにもレイアウトが最適化されているHTML5製のWordPressテーマ・Constellation Theme - かちびと.net
iPhoneやiPadなど人気のタッチデバイス に対応させる事が最近では大きな課題 の一つでもあり、その方法としてライブラリ やツールを使う方法など様々です。WPも 多くの方法がありますが、今日のテーマは 既に最適化されたフレームワークになります。 css3のメディアクエリで様々なデバイスでも美しいレイアウトを保てるようにされているWPテーマのフレームワーク。HTML5を採用しています。 いままで... 続きを読む
プロレベルのWEBサイトレイアウト作成チュートリアル30:phpspot開発日誌
30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル30。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 ... 続きを読む
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組(2カラム)するとき 横幅780... 続きを読む