“つくる”を広げる Spread creation to the world つくるヒト・つくるコト・つくるモノの素晴らしさを もっと世の中に広めたい まだ見ぬ「つくる」に出会い感動したい オンライン・オフラインのボーダーを超えて 世界中の人が新たな創造にアクセスできる機会をつくりたい そして、わたしたち自身も クリエイターとして新しい創造にチャレンジし続けたい アークフィリアは、“つくる”を広げるクリエイティブカンパニーを目指します
“つくる”を広げる Spread creation to the world つくるヒト・つくるコト・つくるモノの素晴らしさを もっと世の中に広めたい まだ見ぬ「つくる」に出会い感動したい オンライン・オフラインのボーダーを超えて 世界中の人が新たな創造にアクセスできる機会をつくりたい そして、わたしたち自身も クリエイターとして新しい創造にチャレンジし続けたい アークフィリアは、“つくる”を広げるクリエイティブカンパニーを目指します
僕もこの記事のように印刷からウェブに移行した組ですが、最初は印刷とウェブではルールが違うので戸惑いました。もちろん、印刷時代の知識も役にたったものが数多くあります。 なぜフォントのサイズが小さいとよろしくないのか、サイドバーはなぜ右側なのか、ナビゲーションはなぜ上部なのか、印刷とは異なるウェブならではの基本的な5つのデザインルールを紹介します。 5 Design Rules No Blog Should Break 下記は各ポイントを意訳したものです。 はじめに 本文は大きいサイズで、分かりやすく 右側のサイドバー クリーンなカラー 上部のナビゲーション 常に画像を使用する はじめに はじめに 印刷デザインの世界からウェブデザインに入った時、いくつかのミスをしていました。一番大きなポイントは、新聞や雑誌のようにはウェブは使わないということです。紙を読む時とスクリーンを見る時では、どのくらい
皆さんこんにちは! 今回は日本酒の蔵元に引き続き、デザインのきれいな焼酎の蔵元のWEBサイトを紹介します。 焼酎の蔵元もやはり古くさいイメージをお持ちでしょうが、WEBページを開いたとたん魅了されるようなページをピックアップしてみました!ついつい飲みたくなってしまいますね。 新平酒造 出典:http://www.shinhira.co.jp/main.php 東酒蔵 出典:http://www.higashi-sz.com/ 西酒蔵 出典:http://www.nishi-shuzo.co.jp/ 大海酒造 出典:http://www.taikai.or.jp/ 天星酒造 出典:http://www.tensei-shuzo.com/ 朝日酒造 出典:http://www.asahi-shuzo.co.jp/ 日当山醸造 出典:http://hinatayamajyouzou.com/
こんにちは! 前回の記事「Webサイトを魅力的にするAboutページまとめ8つ」に引き続き、Webサイトの特定のページをまとめてみました! 今回まとめたのは「採用ページ」です! 国内外問わず「優れたデザイン/ 企業のことがよくわかる/ その会社で働きたくなる」をポイントにまとめてみました! 海外編 Pinterest http://about.pinterest.com/careers/ Pinterestのロゴと同じ赤色と、たくさんの職場内の写真が印象的なページです。 各セクションがリズムよくわかれているので文章がとても読みやすいです。 Kickstarter http://www.kickstarter.com/team 画像と文章の組み合わせ方がとてもきれいです。おもしろいのは採用ページ終盤の「It’s fun!」というセクションにある文章の中の「hack days」にマウスオンする
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
French Restaurant Blanc ... / IMJ Investment Partnears / ガラス工芸作家 石田知史・亘・征希他...全8件
10 Lessons on Design We Can Learn From Apple [ad#ad-2] 下記は各ポイントを意訳したものです。 #1: Simple Is Better #2: 商品写真の使い方 #3: コントラストを効果的に #4: 簡単に妥協しない #5: Flashから離れる #6: フレンドリーに #7: グリッドの活用 #8: Learn moreコンテンツ #9: 一貫性 #10: ただのコマースサイトにしない #1: Simple Is Better 派手なデザインの「購入する」ボタンやグラフィックが満載のウェブページほど嫌なものはありません。それは取り散らかされただけの下品なページです。 Apple Store Appleのページは「less is more」の好例で、派手な広告やプロダクトであなたを攻めたてることはなく、むしろあなたが見るべき一つのもの
免責事項:本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
白を中心としたシンプルで美しいデザインのウェブサイトをまとめました。日本語サイト中心なので、サイト制作の参考にしやすいかと思います。 Francfranc フランフラン コーキーズクッキー オンラインショップ recomincaリコミンカ 代官山 蔦屋書店 momochi soap Starbucks Coffee Japan SPIRAL WEB トリニティワークス アリンコ - ARINCO 株式会社キュービックホールディングス ヨイチの社長ブログ 面白法人カヤック Sゝゝ Online Shop 公長齋小菅 アトリエm4 au 東京女学館大学 日本デザインコミッティー 茶筒の開化堂 bathappy 約9,000種の紙が買える竹尾のウェブストアtakeopaper.com L'ALBAホールディングス 電通ワークス 博報堂(HAKUHODO) 株式会社 USEN マイナビ 目黒区美術
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
The fashion industry is always looking for the latest trends to soak up, reinterpret, and then relaunch in its own way to the rest of the world. This behaviour is also common in web design. So, when the worlds of fashion and Internet collide, we can expect to see websites that blend together the latest visual and technological trends. Each fashion brand aims to create a unique and characteristic v
2014年9月29日 便利ツール Webサイト制作や色彩感覚、タイポグラフィの知識をクイズ感覚で勉強できるサイトをまとめてみました。どれも短時間で楽しみながらできるものばかりなので、気軽に挑戦できますよ!Webデザインや制作の勉強中のあなたも、ベテランさんのあなたも、ぜひ試してみてください :) ↑私が10年以上利用している会計ソフト! 休憩時間にサクッと挑戦! 選択問題やドラッグ&ドロップでできるゲーム感覚な問題いろいろ! 1. HTML/CSS HTML5実力テスト HTML/CSSコース 「実力テスト」という名のクイズサイト。HTML/CSSコースではHTML5とCSSの基本問題がクイズ形式で出題されます。制限時間は15分。「HTMLやCSSを見てどのように表示されるか?」「smallタグは何を意味するか?」などなど、問題を解きながら勉強になります!
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く