コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
N-ONEが前例のないモデルチェンジをした理由
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
Apple風のかっこよくて美しいデザインの背景49種類を簡単に実装できるスタイルシート -HUE.css | コリス
文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。 コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用したものです。 画像: Free Promo Backdrops and Gradients HUE.cssは上記のHueの背景画像にインスパイアされたもので、これらの美しいグラデーションの背景がCSSで簡単に利用できます。 元の画像は上記ページの下部から、.sketch, .png形式でダウンロードできます。 HUE.cssの使い方 使い方は、簡単です。 「hue.css」をダウンロードし、外部
書体の視点を考える｜dwango creators' blog（ドワンゴクリエイターズブログ）
dwango creators’ blogをご覧の皆様、こんにちは！ はじめまして、来年度から新卒入社する、デザイナーの@Ln_northこと喜多です。（ドワンゴは2016年度からデザイナーの新卒採用をはじめましたので、デザイナーとしては初めての新卒となります。） ようやく卒論や発表が落ち着き、入社に向けて引っ越しや勉強、そして残り僅かな学生の自由な時間を過ごすことができるようになりました。先日まで数学（微分幾何）の卒論を書いていた身のため、少し文体が硬くなってしまうかもしれませんが、お許しください！ 2015年は春休みの3月、夏休みの7月〜9月と内定者インターンとして働いていました。そこでは主に、ニコニコ超会議の「超言論エリア」のロゴ・ロゴタイプのデザインや、先日このブログでも紹介されていた「DWANGO USABILITY LAB.」のロゴ・ロゴタイプやラベルのデザインなどを担当してい
持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方
フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で51ページ。 フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・
日本語フォントの書体の選び方・組み合わせ方、そしてデザインする日本語タイポグラフィのテクニック
明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で45ページ。 日本語の読ませるタイポグラフィについて、書体の選び方や組み合わせ方、実例とともにデザインのテクニック、どのように勉強すればよいのかまで掲載されています。
本田雅一の「週刊モバイル通信」 Office 12に見る“目的指向ユーザーインターフェイス”の可能性
先日開催されたMicrosoftの開発者向けイベント「Professional Developers Conference 2005」。そこで初めて公開されたOffice 12は、大きく分けて3つのトピックを提供してくれた。1つはWebサービスと連動し、ワークフローやチームコラボレーションの中で、効率よく文書作成ツールとして機能させようとしている点。また文書のネイティブフォーマットをXML化し、さらにスキーマとその仕様を完全にオープン化したことだ。文書のオープン化はWinFXのグラフィックス機能や印刷イメージ用フォーマット(XPS)との親和性も非常に高い。 上記はエンドユーザーからやや離れた話題かもしれないが、もう1つのユーザーインターフェイス(UI)の違い。これも非常に大きなものになっている。“Officeの大改修”という意味では、Office 95での32bit化に続くもの(実はその前
よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？（深津貴之） - 個人 - Yahoo!ニュース
大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後
間取り探偵『日常～東雲研究所～』-名作マンガ・アニメの間取りを推理-イエマガ
１）玄関からまっすぐ伸びた中廊下。南に向かって右側には開き戸が三つと 左側奥から障子の引き違いと襖の引き違い。左を見ると四枚襖。それとかくれんぼの隠し部屋。 ２） 障子のある部屋は、居間兼博士の部屋。ここがラボなのか？でもこの部屋には窓がないんだよなぁ。 ３） 寝室は引き違いの襖と四枚襖がある部屋。夜にトイレに向かうときはなぜか四枚襖から。 ４） 支度部屋としたのは着替えをするための部屋と感じたから。広縁には阪本さん洗濯物を干すときの動線。 ５） この廊下は重要だ！台所、物入れ、勝手口を確認できた。推理する上での欠かせないワンシーン。 ６）台所では二人並んで夕食の支度。北側に見えるドアはどうしようもなかったから納戸ということで。 ７） 洗面所はこの場所に。洗面台と洗濯機を並べるともうちょっとすっきりするのにな。 ８） 外から見れば一目瞭然。ボイラーと煙突。ここがお風呂だ。 ９） 付近は謎が
pixiv小説縦書き機能 開発の裏側 ～横のものを縦にする～ - pixiv inside [archive]
はじめましてこんにちは。pixivでアルバイトをしているhakatashiです。 さる6月10日、パソコン版pixiv小説にて縦書き表示機能がリリースされました。この開発のあらかたを担当したので、今回の縦書き機能開発における裏側を紹介いたします。 構想 縦書き機能開発にあたり、設計段階からその大部分を一任されました。小説機能開発において自分の中に絶えず理念として存在していたのは、ユーザーに最高の読書体験を提供することです。縦書きによって得られる利益を最大化し、快適な閲覧を支援するために、以下のような構想を置きました。 縦書き横書きの組版の差異における違和感を可能な限り軽減すること。 スクロールとページングを融合した、柔軟で快適な閲覧インターフェイスを提供すること。 この2点について詳しく解説します。 縦組版 まず、ウェブブラウザで縦書き表示を実現するにあたり、どのような手法をとるかという問
![pixiv小説縦書き機能 開発の裏側 ～横のものを縦にする～ - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8cb8c8e15c630ee29bd00c32234b431a93a2053d/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhakatashi%2F20150615%2F20150615155753.png)
MSゴシックはダサい、と言う気にはなれん - HatenaDiary id:Narr
http://b.hatena.ne.jp/entry/news.mynavi.jp/articles/2015/06/11/mspg/ なんか、すっきりしない。ダサいダサい言いすぎというか。そもそも元の記事でＭＳゴシックがダサい理由を説明してるとはあんまり思えんのだけど、それは置くとして(置くのかよ)。 http://d.hatena.ne.jp/Narr/20150613 ←13日16時ころの時点でのブックマークコメントの一部への返事。 追記ここから 黒線の文字の枠はＭＳＰゴシック、水色の影はＭＳゴシックです。文字そのものは「MSゴシックもMSPゴシックも同じ」形。Ｐゴで調節されているのは赤枠の部分、「文字と文字の間隔」です。「そ」と「ぞ」も、濁点の分だけ横幅が違ってるのが分かると思う。等幅だと赤枠が正方形になるわけです。 あくまで文字と文字の間の空白の調整をされてるのがＰゴです。ただ
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
更に大体いい感じになるkeynoteテンプレート「Azusa Colors」作った - MEMOGRAPHIX
いい感じのスライド、作るのむずいので、「Azusa Colors」っていうKeynoteテンプレートを作った。下記のサイトからダウンロードできる。 Azusa Colors - 大体いい感じになるKeynoteテンプレート解説 デモも兼ねた解説スライドを作った。 Introducing Azusa Colors Keynote Template // Speaker DeckAzusa ColorsとはAzusa Colorsとは、大体いい感じになるKeynoteテンプレート「Azusa」に、新しいカラーバリエーションを加えたもの。 Azusaとは僕が1年前に作ったKeynoteテンプレートで、「SpeakerDeckにある “なんとなくいい感じのスライド” は大体1ページあたり3色以内で構成されている」という法則にもとづき作成した。 使われている様子を観察すると、主にエンジニアの勉強会や
Flexboxで決まり！ | Webクリエイターボックス
2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本マイクロソフト、超読みやすい新フォント「UDデジタル教科書体」を披露 ～Fall Creators Update標準搭載のモリサワ製教育向けフォント
【山田祥平のRe:config.sys】 今変えなければいつ変えるWindowsのフォント
Expired
佐野研二郎さんのエンブレム問題の先にあるもの(山本一郎) - 個人 - Yahoo!ニュース
UNIQLO CALENDAR
レスポンシブWebデザインの作り方（簡単設定方法）
http://ri-mode.com/rainbow/2014/06/11/simple_css_dropdown_menu/
