Webデザインの参考に！おすすめのギャラリーサイト・リンク集まとめ
※この記事は、2013年1月30日に公開された記事を再編集したものです。 何かで立ち止まったり、行き詰まったりした時は「驚き」や「新しいアイデア」を得た時に、急に閃いて解決することがあります。 今回は、Webデザイナーである私が、普段から巡回しているインスピレーションを得られるおしゃれなWebサイトがのっているギャラリーサイトを集めてみました。 アイデアの参考にだけでなくチームやクライアントとのイメージ共有にもギャラリーサイトを活用することで、より円滑にコミュニケーションがとれたりします。 気に入ったギャラリーサイトがあれば、ブックマークしておきましょう！ ※できるだけ直近でも更新されているギャラリーサイトのみピックアップしていますが、もし更新がとまっているサイトがあればご了承ください。 Web Design Clip | Webデザインクリップ 国内がメインで掲載されています。 特徴的な
初めてでも分かる請求書の書き方＆おすすめの請求書作成サービス
フリーランスや個人事業主・副業で仕事をしている人にとって、「請求書作成」は必須の業務となります。簡単に見える請求書作成も、マナーやルールが存在します。 今回は、請求書の書き方・注意点についてご説明します。 後半では、請求書が簡単に作成できるWebサービスも紹介しています。 請求書の書き方①必要な項目・記入項目 請求書を作成する際には、以下の項目が最低限必要になります。 自分の名前・住所 請求日 支払い期限（請求日が対応月の月末、支払い期限が請求月の翌月末が多いです） 請求金額・取引詳細（多数の内容を受けている場合は、項目と金額を細かく分けて請求する方がクライアントにも見やすい請求書となります。） 請求先名称（クライアント社名・担当者名） 小計・消費税・合計 振込先（振込手数料は振込側に負担いただく場合はその旨も記入することを忘れずに。） 自分の名前・住所 基本的には本名を記載。法人や屋号が
サービス作りに関わるなら追っておきたい！IT業界のトップデザイナー5人
この記事は、IT系企業に勤めている「サービス作りに関わる人」に向けて、必ず追っておくべき第一線で活躍されている日本人デザイナーをまとめたものです。 デザイナーだけでなく、全職種の方に知ってもらいたいので、デザインのイロハというよりも「ユーザー、事業やサービス、組織に対してどのようにデザインで価値を提供するのか」を常に考え、実践・発信している方々を中心にピックアップさせていただきます。 前提として、「今のデザインがどういう文脈の上にいるのか」ということについて、少し解説を挟みます。 この辺りに明るい方は読み飛ばしてください。 デザインと一口に言ってもその領域は多岐にわたっており、UIデザイン・UXデザイン・グラフィックデザイン・プロダクトデザイン・サービスデザイン・インタラクションデザインなど、IT系でよく使われるものだけでも色々なデザインが存在し、デザイナーに求められる範囲が非常に広くなっ
初心者向けリセットCSSを自作する手順まとめ
スタイルシートに記述したコードを読み込ませる前にブラウザがデフォルトで持つCSSをリセットする用途でリセットCSSは用いられています。 今回はリセットCSSの基本的なことから自作する手順まで説明します。リセットCSSでリセットされているセレクタが「なぜ・どのように」リセットあるいは再定義されているか知ることによって、スタイルシートの理解をより深めてみましょう。 リセットCSSとは リセットCSSとは、冒頭でも述べたとおり各ブラウザがデフォルトで持つCSSをリセットするために用いるCSSのことです。 リセットCSSが必要になる理由 なぜリセットCSSが必要になるかというと、ユーザーがChrome・FireFox・IEといったブラウザのどれを使ってもこちらが意図した表示を提供するためです。「リセットCSSを使うと制作が楽になるから」という理由ももちろんありますが、ブラウザ配慮はユーザー配慮であ
2016年のWebデザインのトレンドまとめ | creive
現在のWeb制作は、フロントエンド技術やブラウザの機能が充実してきたことで、少し前までは難しかったリッチな表現が取り入れやすくなりました。 一方、高解像度モニタからスマートフォン、スマートウォッチなど、多種多様なスクリーンに合わせて表示する要素を精査し、画面を設計する必要もでてきています。 私自身は広告サイト制作よりもCGMサイト制作の比重が大きいため、基本的に地味なUIパーツやUXの設計、改善に関わる内容を中心に情報を集めています。 その中で個人的に気になった技術、海外の記事やWebデザインのショーケースサイトでよく見る傾向、最低限抑えておきたい考え方などを5つほどまとめました。 クライアントサイドでの画像加工 デザイナーが加工したデータをアップしたり、サーバーサイドで処理することなく、クライアントサイドで画像を加工する技術を目にする機会が増えてきました。実装方法としてはCSS、SVG、
制作会社と事業会社のデザイナーの仕事の違いって？ これから就職や転職を考える人へのおすすめポイント
こんにちは、灰色ハイジ（@haiji505）です。 最近LiBという女性向け転職サービスのスタートアップに入ったデザイナーです。 その前は、学生の時にWebサービス会社のはてな、卒業後は広告代理店グループの制作会社である博報堂アイ・スタジオという会社でWebデザイナーをしていました。 学生当時、就職活動で悩んだのは「制作会社」と「事業会社」どちらに行くのが良いんだろう？ということでした。 入ってみるまでその仕事の違いはなかなか分かりません。どちらも働いたことのある経験から両者の特徴と選ぶポイントをご紹介します。 これからデザイナーとして就職を考えている学生さんや、転職を考えているデザイナーさんの参考になれば幸いです。 制作会社の仕事って？ 受託と呼ばれる、他の企業から請け負って制作をする会社です。 近年、デジタル領域におけるデザイナーの役割は幅広くなってきました。 Web/アプリ/屋外広告
最近話題になったイケてるWebサービス・アプリ12選（2016年1月編）
コピースロット 「コピースロット」は、3つのキャッチコピーの一部分を組み合わせて1つのキャッチコピーが作れるWebサービスです。 回っているスロットの部分をクリックするだけで、誰でも簡単に面白くてユニークなキャッチコピーを作成することができます。 つくったキャッチコピーは”#コピースロット“というハッシュタグと一緒にTwitterに投稿できます。一時期このハッシュタグが、Twitterのトレンド入りするなどして話題となりました。 ili（イリー） iliは、話した言葉を自動で音声翻訳をしてくれるウェアラブル翻訳デバイスです。 ボタンを押しながら話すと、自動的に外国語に翻訳してiliがそのまま喋ってくれるので翻訳者がすぐ隣にいる感覚になると言います。開発元は、指輪型のウェアラブルデバイスの「Ring」を開発したLogbar Inc.。ポイントとしては、ネットの接続が不要で翻訳することが可能だ
【最新版】WordPressのおすすめプラグイン11選！本当に必要なものだけ厳選しました
「WordPressを使い始めたけど、プラグインがありすぎてどれを使えばいいかわからない・・」 「結局自分のサイトに合ったおすすめのプラグインはどれ・・・？」 WordPressは、誰でも簡単にブログやサイトが作れてしまうCMS（Content Management Systemの略：コンテンツ管理システム）です。 ドメインを取得してサーバーを借りたら、あとはインストールするだけで使えてしまいます。 WordPressをインストールして、好きなテーマを選んで「さっそく記事を書いていこう！」と記事を作成するその前に！ まずは、運営に必要なプラグインをインストールしておくことをおすすめします！ 先に必要なプラグインをインストールしておくべき理由は「記事を書くことが圧倒的にラクになる」「集客を手助けしてくれる」「ユーザビリティが向上する」の3つです！ この記事では、WordPress歴約１０年の
最近話題になったイケてるWebサービス・アプリ10選（2015年8月編）
Netflix（ネットフリックス） 世界最大級の映像配信サービス「Netflix」。 米国カリフォルニアに本社を構える「Netflix」が、2015年9月1日に日本版を開始するとして話題となりました。ソフトバンクとの業務提携も決まり盛り上がりを見せています。 2015年9月現在では、世界50カ国以上、6500万人を超える会員数を誇ります。 気になる月額料金は、同時利用台数1台の「ベーシック」が650円（画質SD）、同時利用台数2台の「スタンダード」が950円（画質HD）、そして同時利用台数4台の「プレミアム」が1450円（画質UHD 4K）という値段設定。1ヵ月の無料体験もあるので、興味がある人はぜひ利用してみてください。 キャッチコピーは「映画やドラマをもっと自由に。」 フカセ暗号ジェネレーター 2015年8月7日、4人組ロックバンドSEKAI NO OWARIのFukaseさんが残した
【宮崎県小林市が本気出す】住民の素材投稿によって作られる「方言ポスター」がプロ顔負け
「てなんど小林プロジェクト」という、地域の魅力をPRする宮崎県小林市の新プロジェクト。 美しい自然、歴史をPRするため、「地元住民の方による」投稿や協力を得て制作されるポスターが話題になっています。� うんまか 西諸弁「うんまか」＝「おいしい」 ぬりがよ 「ぬり」＝「ぬるい」 くしぇらひか 「くしぇらしか」＝「なまいき」 でんきんばした からいも弁「でんきんばした」＝「電柱」 びんずいこ 西諸弁「びんずいこ」＝「肩車」 ぴ 西諸弁「ぴ」＝「とげ」 いっきょた 西諸弁「いっきょた」＝「会った」 ぶげんしゃどん からいも弁「ぶげんしゃどん」＝「金持ち、リッチマン」 わい、おい 西諸弁「わい」＝「あなた」 「おい」＝「わたし」 へ 西諸弁「へ」＝「蝿」 ぎぎまき 西諸弁「ぎぎまき」＝「つむじ」 でこん からいも弁「でこん」＝「大根」 けもん からいも弁「けもん」＝「買い物」 ラーフル からいも弁
最近話題になったイケてるWebサービス・アプリ10選（2015年7月編）
myThings 2015年7月27日にヤフーが発表した、IoT（モノのインターネット）事業に参入してプラットフォーム化を狙う事業構想のこと。 単機能同士のアプリやIoT製品を組み合わせ、例えば 「予想最高気温が30度を超えたら通知」 「就寝中にもし雨が降ったら、いつもより30分早く起こしてくれる」 「指定したキーワードの動画を自動で収集してくれる」 などの操作を行うことが可能となります。 既存の類似サービスに、アプリやサービスを組み合わせて「○○した場合に□□する」という指示を送れるIFTTTがありますが、その日本版というイメージが近いのではないでしょうか。 キャッチコピーは、「あなたの毎日が、組み合わせで便利になる」 ちゃんリオメーカー 「ちゃんりお」は、自分そっくりのサンリオ風キャラクターを無料で作れるサービスです。 顔の輪郭、目、鼻、口、髪型や服装を選ぶと、自分だけのキャラクターを
【2021年版】音楽聴き放題アプリならコレ！おすすめのサブスク音楽配信を比較
5,000万曲が聴き放題！「Apple Music」※3ヶ月無料体験！ Amazonプライム会員ならコスパ抜群！Echoでも聴ける「Amazon Music Unlimited」 洋楽が豊富で無料でも聴ける！「Spotify」※1ヶ月無料 音楽ストリーミング配信サービスとは？ 音楽ストリーミング配信サービスとは、定額制(サブスクリプション)で沢山の音楽が聞けるとても優れた音楽配信サービスです。 おすすめの楽曲リストを提案してくれたり、他のユーザー間で好きな楽曲リストを共有したりすることが出来ます。 ユーザー数は毎年着実に伸びており、ICT総研の調査では、 ICT総研では、音楽サービスの主流となりつつある定額制音楽配信サービスの市場動向について調査を行い、現在の市場規模を推計した。ICT総研の需要予測では、2018年末時点で日本国内の音楽配信サービスの利用者数は約1,980万人と推計される。
ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
【無料】集中したいときに！おすすめの作業用BGMサービスまとめ
何かの作業に集中する際に「音楽」や「音」は大切な要素です。 そこで今回は無料で聴けて、さらに作業用BGMとしても使えるとっておきのWebサービスやアプリをご紹介します。 noisli Noisliは、雨音やノイズなど、の環境音が聴けるサービスです。 BGMは「雨」「雷」「風」「森」「葉」「川」「波」「水」「火」「虫の声」「カフェ」「電車」「風車」「ホワイトノイズ」「ピンクノイズ」「ブラウンノイズ」の16種類。 環境音を単体で聴くのはもちろん、音同士を重ねたり、音量も調節できるので自分だけの環境音BGMをつくることができます。 またランダム、生産性、リラックスなどのテーマもあり、自分で決められない人はそのボタンをクリックするだけで、そのテーマにあった環境音ができあがります。 → noisli またNoisliはiOSアプリにも対応しており、下記からダウンロード（240円）できます。 → iP
最近話題になったイケてるWebサービス・アプリ10選（2015年2月編）
こんにちは。 3月が始まりましたので、2月中に話題になったWebサービスやアプリを10個ほどご紹介いたします。 KURADASHI.jp KURADASHI.jpは、本来であれば廃棄されてしまう商品を、最大で希望小売価格の90%オフで販売し、売り上げの一部を寄付する社会貢献型のサービスです。 サイト上ではスナック、飲料水やカップラーメンから化粧品まで様々な商品が並びます。 売り上げの一部は、食料問題に取り組んでいるNPO法人「TABLE FOR TWO International」などの団体に寄付されます。新しい消費の形ですね。 Listband（リストバンド） Listbandは、YouTube動画をつなぎあわせて、自分のアルバムを作成できるWebサービスです。 アルバム1枚あたりの収録可能時間は、実際のCDと同じ74分42秒に設定。自分のベストアルバムを、過去にCDやMDでなど制作した
必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定
Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー
Search Console (サーチコンソール)の登録・使い方完全マニュアル
「Googleサーチコンソールに登録したけど、ほとんど使っていない…」 「そもそもGoogleサーチコンソールを使って何ができるんだろう…」 そんな悩みを持っているWebサイト制作者、担当者の方に伝えたいことがあります。 Google Search Console(サーチコンソール)は、Webサイトの運用や成長において必須のツールです。 しかし、「そもそもGoogleアナリティクスとの違いは何だろう？」と疑問を抱いたり、PV（ページビュー）やUU（ユニークユーザー）などの分かりやすい数値が見られるわけでもなかったりと、登録したまま活用しきれていない人が多いのも事実です。 そこで今回は、Webサイト運営に欠かせないGoogleサーチコンソールを使いこなせるようになるために、登録方法や機能の解説、使い方などをご紹介します。 Googleサーチコンソールとは Googleサーチコンソールは、Go
最近話題になったイケてるWebサービス・アプリ12選（2014年3月編）
3月も終わり4月が始まるということで、3月中に話題になったWebサービスやアプリを12個ほどご紹介します。 Presso（プレッソ） 先日はてながリリースした、ニュースアプリです。 既存のニュースアプリとの違いは、ユーザーの興味（カテゴリから選択する）にもとづいた情報が配信されるところ。そして1つ1つの記事に、はてなブックマーク経由で投稿されたコメントが表示されるのも特徴的です。デザインもフラットでいい感じです。 Webflow コードを書かなくても、レスポンシブで美しいWebサイトが簡単に作れるサービスが登場しました。しかも無料。 「Build beautiful, responsive websites without code.」 テンプレートもデザインが整っていて、サイトを作成したあとにコードを、画像ファイルも含めて書き出すことができるのには驚きました。ただ単に何かをつくるだけのコ
2013年に話題になったデザインに関する「考え方」が変わる記事14選
デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか？ そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです｡ ウェブデザインの本質は､言葉です｡ ウェブで一番強力な道具は､今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです｡ 選ばれるウェブデザインとは ９つの基本的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【総まとめ】2015年に話題になったイケてるWebサービス・アプリ27選 | creive【クリーブ】
