Koushiki Typefaces / ドットコロン - フォント / MopStudio他...全5件 こんなハイクオリティなフリーフォントは見たことない!と思わず感動してしまったフリーフォント。デザイナー川上淳氏制作。営利・非営利を問わず、無料で利用することができる。
![今年公開されたクリエイター必見の日本製フリーフォント「KOUSHIKI SANS FONT」と、その他日本製のおすすめフリーフォント](https://cdn-ak-scissors.b.st-hatena.com/image/square/a111425cb82d5959677eaaf1745ff5851c83cf45/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F1%2F11%2Fl_2012-1-11_7b9dd148a3d2ae12d55ecadb7195ae93.jpg)
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド> Smart Resize > Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
お店の入口について考えたことありますか? 経営者はお店を作るとき、お店のコンセプト、商品の品ぞろえ、値段、レイアウト、店内デザインなどは時間をかけて考えます。 けど、「入口」を考える経営者ってあまり多くありません。 お客さんが「入口」から入って「まずお店のどこを見るのか?」「どの売り場へ行くのか?」「どこで立ち止まるのか?」「まっさきに目に留まる商品は?」 「その商品を手に取るのか?」、入口について経営者が考えることは山ほどあります。 今回は入口のちょっとした工夫で売上をアップさせる方法を紹介したいと思います。 入口のちょっとした工夫で売上をアップさせる方法 お客さんはどの方向から来るのか? お客さんがお店に入ってくれるかどうかは、お店の外観に大きく左右されます。 外観の中でも店外ディスプレイは、お店をアピールする重要なアイテムです。 店外ディスプレイの大きな目的は「お店に興味を持ってもら
日本と海外のWebサイトって、「どこか違う」そんな気がしませんか? 色々見ていると、海外サイトが素晴らしいなと思うんじゃないでしょうか。 日本のサイトに無い表現が多く、表現技術も高いモノが多く見られます。 日本サイトでも、負けない程の素晴らしいサイトはあります。 個人的に最近好きなのが・・・ 回転寿司チェーン「おどり寿し」 このしずる感良いですよね。そして洗練された和の感じ・・・ そういえば、この「しずる感」っていう表現も日本独特で良いですよね。 ジョッガ なかなか日本で見られないダイナミックなデザイン。 配色がとっても綺麗ですよね。 こういったカッコ良さのあるクオリティの高いサイトも、 海外サイトを見ていると、けっこうな数で見つかります。 単純に絶対数が多いという点と、英字などのカッコ良さが要因かもしれませんが・・・ ただ、「海外にかっこいいサイトが多い」とい
海外の有名デザインブログ「Blog.Sppon Graphics」でIllustratorのチュートリアルビデオを紹介したエントリー「30 Illustrator Video Tutorials Every Designer Should See」がありましたのでご紹介します。 新しいアプリケーションを習得しようとしている場合、様々なメニューやツールを通して、その道のエキスパートがガイドしてくれるものほど良いものはありません。この記事は最も詳しく解説された30のAdobe Illsutratorのビデオチュートリアルとスクリーンキャストを集めた記事です。それぞれの特徴を生かした明快な解説と役立つテクニックは、あなたのIllsutratorのプロへの道の手助けとなるでしょう。 Digital Inking Demonstration & Tutorial How To Setup and D
【第24回 HTML5とか勉強会レポート】 108もあるぞ! HTML5の要素数:D89クリップ(36) 現在、HTML5の要素数は108ある。その中から、注目のAPI、FileSystem API、Web Audio API、Geolocation APIができることをチェックしよう! FileSystem API、Web Audio API、Geolocation API 2011年12月26日、ソフトバンクモバイルで「第24回 HTML5とか勉強会」が開催されました。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナ向けの勉強会です。今回は特定のテーマに沿った形式ではなくオムニバス形式で、主にエンジニア向けのセッションでした。 セッションではいくつかのサンプルが紹介されました。サンプルの動作確認はGoogle Chrome 16で行っています。Google
「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは3つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編(HTML&CSS)〜 〃 〜③集客・Webマーケティング編〜 以上の3つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか?」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく7つのステップがあります。 ①どんなWebサイトにするか考える(企画) Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え
J Taylor Design スマートフォンにおいて、スクリーン上のクリック(つまりタップ)無しに使うことは考えられません。ナビゲーションはユーザーが必要とすることが得られるように、明確な進路を与えるべきです。 ナビゲーションで重要なことは二つ。 まず、ナビゲーションが視覚的にタップ可能に見えるか確認してください。見た目をボタンやリストのようにしたり、矢印などを加えてもよいでしょう。ただし、スマートフォンではtitleのテキストをホバーで表示したり、ホバー時のエフェクトを適用できないので、それ無しでも押すことができるように見えることが大切なポイントです。 もう一つの重要なことは、ラベルです。 「戻る」というラベルがあれば、ユーザーは戻ることを期待します。これは当たり前のようですが、ユーザーにとってラベルが何を意味するか分かることを確認してください。 ラベルを有意義にするポイントは、シンプ
株式会社ディー・エヌ・エー(本社:東京都渋谷区、代表取締役社長:守安功、以下DeNA)は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開しました。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript*1フレームワークです。開発者は「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid*2とiOS*3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。*4
bokeh15.jpg 素材の利用にあたっては個人でも商用でも無料で、クレジットの記載も不要、とのことです。 ぼけの写真を撮影したのはJill Wellingtonで、彼女の他の作品はギャラリーサイトやブログで見ることができます。 Jill Wellington Photography Jill Wellington Blog
一つのGmailアドレスで出来る「登録制サイトのアカウントを複数取得する」3つの方法 2012 年 1 月 23 日 13 時 0 分 インターネット・IT アドレスの@のまえにピリオド入れたら別のアドレスと認識されるから他サイトで複垢量産するときに捗る。 たとえば、GMAILはnews@gmail.comとnews.@gmail.comってアドレスを同一のものだと認識する。ところが他のサイト、たとえばニコニコはnews@gmail.comとnews.@gmail.comってアドレスを別物だと認識する。だから一つのアカウントを用意しとけばいくらでも会員登録制の複垢を作れる。 ■どういうこと? 具体的には、 「example@gmail.com」というアドレスを持っていた場合、 「exam.ple@gmail.com」でも、 「example…..@gmail.com」でも、
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。(されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…)今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト! 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel
2013年11月28日 Illustrator 海外サイトでよく見るPhotoshopやIllustratorのチュートリアル記事って、見ていていろんな発見があります。自分が思っていたよりはるかに楽な方法や、知らないテクニックを教わったり。でも、日本語のサイトでそんなチュートリアルをあまり見かけないので、Illustratorでイラストを描いたのを記事にしてみました。動画も撮っておいたのであわせて見てみてください! ↑私が10年以上利用している会計ソフト! 動画撮ってみました 個人的に、他の人が作っていく過程を見るのが好きなので撮ってみました。ベジェ曲線での描き方など、参考になるかもしれません。一部撮り忘れたところもありますが気にしないでください。 まずは準備 ラフ画の取り込み ラフ画は別レイヤーにフリーハンドで描く事も多いのですが、今回は紙に描いたものを使いました。通常スキャナーなどで取
[レベル:全員] ECサイトでの購入を促進させるためには写真の使い方も重要になってきます。 商品の見せ方ひとつでコンバージョン率が大きく変わってくることも珍しくありません。 ConversionXLブログがECサイトでコンバージョン率を向上させる写真の使い方を解説しています。 そのなかから、僕がこれまで関わってきたネットショップでコンバージョン率の向上に貢献することを確かに実感している施策を5つ紹介します。 1. クオリティの高い写真 商品の写真は大きく、鮮明に写します。 模範例として挙げられているのはMade.comという家具のECサイトです。 個人的には、全体としてのデザインや構成がいいサイトには思えませんが、商品写真に関してはクオリティの高いものをそろえています。 高級レザーソファが高級感たっぷりに見えます。 たとえメーカーから配布された写真であってもそのままで掲載するのではなく、画
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く