個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形
Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Additionally, there are apps related to betting sites that can provide entertainment and potentially
珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい！ 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます！ Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは
「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう？」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning（オンライン学習）UI/Web:（ユーザインターフェイス／ウェブ）General（一般）Product（プロダクト）Branding:（ブランディング）Book Cover Design:（ブックカバーデザイン）Design Por
Responsive Patterns A collection of patterns and modules for responsive designs. Submit a pattern
黒須 正明氏特定非営利活動法人 人間中心設計推進機構（HCD-Net） 理事長 学校法人放送大学 ICT活用・遠隔教育センター教授 国立大学法人 総合研究大学院大学メディア社会文化専攻 教授UXやユーザビリティに関わる人であれば、ユーザ工学、ユーザビリティ研究者である黒須正明氏はだれもが知る存在だろう。今回は、人間中心設計推進機構理事長の黒須氏を迎え、UXに対する考えなどを詳しく伺った。 UXは時間軸において5つの段階を持っている――まずは黒須さんとユーザエクスペリエンス（UX）の出会いを教えてください。 UX歴は7年位ですね。欧米でUXが流行り始めたのが今世紀に入ってから。そのころはユーザビリティと混同されていたから、僕は反発していたんです。でも、2005年頃から欧米のユーザビリティやデザインの研究者とUXについて議論する機会が増え、定義が明確になってきたことから、UXという言葉を使い始
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
BlocksIt.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 ※jQueryは1.7.1で開発。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script type="text/javascript" src="blocksit.js"></script> Step 2: HTML HTMLは対象となる範囲をラッパーで包み、各パネルを同列に配置します。 パネルはデフォルトでdiv要素を対象にしていますが、任意の要素で実装できます。 <div id="container"> <div>パネル</div> <div>パネル</div> <div>パネル</div
昨日はJavaScriptを使ってPinterest風レイアウトを実現するスクリプトを紹介しましたが、今日はJavaScript無しでスタイルシートで実現するテクニックを紹介します。 デモページ：幅900pxで表示 実装 HTML HTMLは非常にシンプルで、各パネルをdiv要素で実装し、それらをdiv要素で二重に内包します。 <div id="wrapper"> <div id="columns"> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> ... ... </div> </div> CSS Pinterest風レイアウトをCSSで実現するには、二つの方法が考えられます。 一つ目はfloa
インターネット上に様々なガイドラインが公開されていますが、その中でもUI、UX、ユーザビリティについて言及している日本語限定の情報を集めてみました。 有志で翻訳されたガイドラインもあります。感謝です！ Apple 超が付くほど有名なガイドラインターネット上に様々なガイドラインが公開されていますが、その中でもUI、UX、ユーザビリティについて言及している日本語限定の情報を集めてみました。 有志で翻訳されたガイドラインもあります。感謝です！ Apple 超が付くほど有名なガイドラインです。これを抑えておけば他は必要ないかも？ アップル ヒューマンインタフェースガイドライン iOS ヒューマン インターフェイス ガイドライン(PDF) iPadヒューマンインターフェイスガイド ライン(PDF) Google AndroidアプリはiPhoneと同じUIで良いんんじゃない？と思っている方は、開発す
画像の課題は解決されつつある 先日 Web担当者 Forum で、レスポンシブ・ウェブデザインの功罪とモバイルファースト という記事が掲載されました。Media Queries を活用するなど実装のための概要を説明した上で、非表示だけど読み込まれているから膨大な画像素材が存在する PC サイトのレスポンシブデザインは不適切であると書かれています。 現存の Web サイトを Media Queries だけでレスポンシブ・ウェブデザインをするのであれば、Web担当者 Forum での指摘は間違っていませんが、実際のところレスポンシブにデザインすることは、Media Queries による対応だけではありません。例えば、画像の表示のさせ方を工夫すれば、記事で指摘している課題はある程度解決できます。Web担の記事からもリンクされている CSS Rador でも取り上げられている解決策もありますが
新しい広告の形として最近よく見るのが『スマホ×紙の広告』タイプのもの。 雑誌などの広告にスマートフォンをかざすことで動きが生まれたり、ストーリーが始まったりなどインタラクティブな面白さをプラスしています。今回はそんな事例をまとめてみました。 『O Boticário』 化粧品ブランドの『O Boticário』の広告にスマホをかざせばアイメイクの仕方を教えてくれます。 『MURAT PARIS』 アクセサリーブランドの『MURAT PARIS』の事例では、ブレスレットを装着した状態の手の画像を見ることができるようになります。数種類のブレスレットが用意されていてスワイプすればそれらが切り替わっていきます。 『AXA』 保険会社『AXA』も面白い広告を展開していました。街の真ん中で積み重なった車をiPhoneを通して見ることによって、「なぜ」そうなったのかを教えてくれる、保険の大切さを
1.1 この文書の目的 すべての文化集団は，独自の言語，文字，書記システムを持つ．それゆえ，個々の書記システムをサイバースペースに移転することは，文化的資産の継承という意味で，情報通信技術にとって非常に重要な責務といえよう． この責務を実現するための基礎的な作業として，この文書では，日本語という書記システムにおける組版上の問題点をまとめた．具体的な解決策を提示することではなく，要望事項の説明をすることにした．それは，実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからである． 1.2 この文書の作成方法 この文書の作成は，W3C Japanese Layout Task Forceが行った．このタスクフォースは，次のようなメンバーで構成され，ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた． 日本語組版の専門家（“JIS
デザインは設計。装飾じゃない。設計。人が使いやすくなるための一つの機能。それを踏まえて装飾が加えられる。車でも時計でも、何でもそうだと思う。車で人が移動する。それを踏まえてコンパクトだったり高速機能だったり等の付加価値が加えられる。時計で時間を見る。それを踏まえてラグジュアリーだったり軽かったり等付加価値が加えられる。 Webは何をデザインする？ Webは情報を得るためにある。 情報を得やすくする事が、Webデザインの鉄則だと思う。 だからレイアウトや視認性、そして機能に拘る。 ここで注意したい点が、インパクト重視で情報が少ないサイトや、 奇をてらって1枚画像を全面に出してるサイト等。 これらも、ある情報を人に知ってもらう為に企画したサイト。 「こういうサイトがありますよ」という情報を扱う。 つまり情報をデザインする 情報をデザインするのは難しい。だって情報には形が無いか
「Webデザイナーのためのタイポグラフィと文字組... / Webデザイナー（私）によるタイポグラフィーレイ... / Illustratorで文章を扱うとき（文字組版...他...全9件
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
