デザインのレベルを上げる！レイアウトやタイポグラフィに関するまとめ - コムテブログ
TL;DR 先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web 関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回は Web 関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 レイアウト 視覚的に明快で上手に配置されたものは読者に好まれます。そういったレイアウトを作るために、余白の使い方や文字や画像配置などの知識をおさらいします。 １．アクティブ・ホワイトスペース 小さなテキストを広い余白に配置すると存在感が増し、視線の滞在時間が長くなります。余白は一見無駄のように見えますが、意図的に配置されていることが多いです。 余白の美 空白により読者のコンテンツの読み進めを制御することができ
ランディングページ集めました。
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
和柄ポータルブログ・わがらが。 » Blog Archive » 和風のデザインが”いとをかし”い45サイト
和風デザインのサイトを見るのが好きなのですが、ここ最近、それらが溜りに溜まってブックマークが一杯に。 なので、今回はブックマークの整理も兼ねて、私が見ている和風のサイトの一部を紹介したいと思います。一部と言っても数えてみれば45個もありましたので、時間のある時にでもゆっくりと見て下さい。 → 和風ブログ・サイトランキング★ 株式会社セラク ITソリューション㈱セラクのサイト。狩野派のような豪快な日本画調のデザイン。色も鮮やかですね。 あーとにしむら 友禅の技術を活かした企画デザインを行う「あーとにしむら」のサイト。和柄を使ったアニメーションが綺麗です。 エア参拝 ネタか本気かわかりませんが、PC上で寺社仏閣を参拝出来るサイト。面白いですよ。 黒川温泉 いこい旅館 | Kurokawa Spa Ikoi Inn 旅館のサイトですが、ゆっくりと動く和風の画像が非常に綺麗です。 葵山葵 和風の中
Perfect Places To Travel
車検の残り期間をチェックしておくことが大事！中古車の購入時に必ず確認したいところが「車検の残り期間」です。車検が残っている車であっても、残り期間により、あとから出費が増える場合もあるので注意が必要です。車検の残り期間が長い車は今後の出費の負担を考慮する必要はまだありませんが、期間が短い場合はこれから…
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※
Form Follows Function
Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
Touchy
Hello! こんにちは、僕はタッチー！ 世界中の人を笑顔にするカメラにんげんだよ。 僕を見かけたら、さわってみてね！ VIEW MORE What is TOUCHY? タッチーは、カメラにんげん！ 誰かにさわられてはじめて、目を開けるんだ。 さわったまま見つめつづけると、写真をパシャッ！ ほら、みんなたちまち笑顔になって、わくわくするような世界とつながるよ。 タッチーの世界についてもっと見てみよう！ PROBLEM 人と人のつながりを もう一度見直す インターネットは人々の間の地理的境界を無くしてくれた。同時に、身体的な境界を形成した。今の時代に、「人と人のつながり」というのは指一本でできること。たとえば、Facebookの「いいね！」ボタンを押したり、「タイムライン」の誕生日のお祝いメッセージを投稿したりするだけで、誰かとつながった気分になる。面と向かってのつながりはどうか？
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
「スマホから指で飛ばしたキャラメルが店の窓に」、ミッドタウンの洋菓子店でXmasイベント
「スマートフォンの画面上でキャラメルをスワイプ（指で滑らせ）して飛ばすと、キャラメルが店のショーウインドウに現れ、ゆっくりと降ってくる。見事ボックスに入ると、実物のキャラメルやクリスマスケーキをプレゼント」---。 ヨックモックが運営する洋菓子店「アンリ・ルルー」の東京ミッドタウン店では2012年11月30日から、マルチスクリーンを活用したイベント「HENRI LE ROUX“Catch the Christmas Caramel！”」を開催している。「幅広い層の集客につながっている」（ヨックモック 営業部 ルルー営業グループ グループ長 田代良則氏）という。 ゲームに参加するためのQRコードは、「アンリ・ルルー」の東京ミッドタウン店の店頭にあるボードに掲載されている。QRコードを読み込み、Webページにアクセスするとゲームに参加できる。ショーウインドウには、プロジェクターの映像によって雪
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
Information is Beautiful
we’re an independent collective making sense of the world with infographics & data-visualswe turn data, information and knowledge into interactive graphics, stories, live performances and books Stories about Arts & Culture Dataviz & Design Food & Drink Gender & Diversity Ideas & Perception Just For Fun Money & Economy Nature & Climate Science & Health Tech & Digital Beautiful News
画像アイコンはもう古い！CSSでスタイル自由自在のアイコンWebフォント
Font Awesome, the iconic... / Foundation Icons Fonts -... / Typicons他...全5件
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap Expo
Oh noez!
http://webdesignmatome.com/web-tips/webfont02
Web Design & CSS Inspiration for the iPhone — CSS iPhone
海外サイトのWebデザイン｜ズロック