あなたは見分けられる！？定番フォント代わりに使えるGoogle Fonts 27書体 | WebNAUT
※この記事は2014年1月6日に執筆された記事です。現在は内容が異なる可能性があります。 あけましておめでとうございます！定番フォントを愛してやまない、デザイナーのタカハマです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね！ そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。 定番フォントをカタチ別にピックアップ 今回は定番フォントの偏りを防ぐために、誠文堂新光社「ABCのみほん〜かたちで見分けるフォントガイド〜」を参考に次のようなカテゴリで分類させて頂きました。 Historical Script 歴史的書体 Serif セリフ書体 Hybrid ハイブリッド書体 Sans Se
新しいものが大好きなグッドパッチで1月に話題になったアプリ、サービス、デザインまとめ（2014） | Goodpatch Blog
2014年一発目のまとめ記事です！今年も毎月末にまとめ記事を更新しますのでチェックよろしくお願いします。今年最初のまとめ記事をお楽しみください！ 過去のまとめ: 新しいものが大好きなグッドパッチで12月に話題になったアプリ、サービス、デザインまとめ 新しいものが大好きなグッドパッチで11月に話題になったアプリ、サービス、デザインまとめ 新しいものが大好きなグッドパッチで10月に話題になったアプリ、サービス、デザインまとめ アプリケーション Yahoo News Digest iTunesリンク（日本アカウントでDLできません） 米Yahooが以前買収した、ニュース要約アプリ「Summly」の機能を受け継いだアプリケーション「News Digest」。 ニュース記事の要約、動画、他の視点としての識者によるツイート、写真など様々なコンテンツがひと記事に含まれています。事件が起ったらその場所の地
これはおすすめ！超簡単にイケてるロゴを作れる「Squarespace Logo」｜男子ハック
Webサービスこれはおすすめ！超簡単にイケてるロゴを作れる「Squarespace Logo」2014年1月30日322 すごい！１分かからず男子ハックのロゴが作れた！男子ハックのロゴは僕がIllustratorで作成したものですが、この「Squarespace Logo」を使ったら同じようなロゴがたったの１分で作成することができました。 たくさんのシンボルがあるので「Search」から検索して好みのシンボルを探し出します。もちろん英語で。 ここは当然「眼鏡」（glasses）と検索してみました。 するとたくさんの眼鏡のシンボルが登場。なかなかやりますね。この中から男子ハック風な眼鏡を選択。 テキストは最初に登録した「男子ハック」のテキスト以外にも、もう１つ入力することができます。 テキストは「フォント」「カラー」「ウェイト」「スタイル」が変更することができます。シンボルもカラーの変更が可
【デザイナー殺し】初心者でも簡単におしゃれWebサイトがつくれる便利ツール9選 | らふらく^^ ~ブログで飯を食う~
最近、デザイナー殺しとも言えるWeb制作の便利ツールがたくさんあるので、 私なりに、使い勝手がいいなと思ったものを厳選してみます。 ボタン作成スマホの普及とともに、スマホからのアクセスも増え、スマホサイト最適化を各企業が進めています。 そこで、大切なのがサイトの読み込みを早くするために、なるべく画像を使わずにCSSでリッチな素材をつくることです。 そんなときに便利なのがこちら。 CSS Button Generator CSS Button Generatorは色やグラデーション、サイズを選ぶだけでボタンに必要なコードを吐き出してくれる優れものです。 あとは、自分のサイトにコードを貼付けるだけという手軽さ！ 参考記事：CSSでボタンを手軽に作るなら「CSS Button Generator」が便利
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました！ (03/05 追記) FlatUI、Bootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります
簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 （この記事はGoodUIから翻訳抜粋したものです） GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
背景画像のフリー素材サイト10選！デザインで悩んだときに役立ちます | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
1. Subtle Patternsオススメ https://www.toptal.com/designers/subtlepatterns/ 一番よく利用してます。商用利用可の、シンプルで使いやすいシームレスの画像がたくさんあります。 2. Background Labs http://backgroundlabs.com/ 色・タグから検索できます。花柄やイラストがはいった、カラフルで派手なパターンの画像やイラストが多いです。 3. pattern cooler https://www.patterncooler.com/ 選んだデザインの柄の大きさや色をカスタマイズできます。派手派手なデザインがほとんどなので使いどころは難しかもしれません。 4. TextureKing https://www.textureking.com/ テクスチャ画像をお探しのときはこちら。木目・コンクリート
誰でも使える！インストール不要でブラウザ上からフォトショップ並みに画像加工が行える無料サイト - すしぱくの楽しければいいのです。
公開日：2010年12月11日 カテゴリ：Web制作が捗るツール 画像加工を行うというと、大抵利用する機能としては ・ 画像が暗いので、明るさとコントラストの調整 ・ 画像サイズが大きすぎるので解像度の縮小/拡大 ・ メッセージを入れたいので文字を書き込む この程度で利用する割合が圧倒的に多いと思われます。 上記によりソフトのインストール作業を行ったり高価なドローソフト（フォトショップなど）の購入したり → めんどくさい/お金ない → 画像加工やらない っとなってしまう事を解決してくれますよ。 ('A') Photo editor online サイトを開くと英語表記で、4つの項目を選択してくださいと表示されます。英語アレルギーの人はこのページを見るとすぐに閉じたくなると思いますので。３クリックすればすぐに日本語化されます！っというのをまずは説明します。 1.上記の項目で一番上をクリック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Squarespace
https://infinityforest.net/home/archives/1530
ushigyunet｜iPhoneからゲームやグルメまで、ひたすら詳しくレビューするブログ