サービス作りに関わるなら追っておきたい！IT業界のトップデザイナー5人
この記事は、IT系企業に勤めている「サービス作りに関わる人」に向けて、必ず追っておくべき第一線で活躍されている日本人デザイナーをまとめたものです。 デザイナーだけでなく、全職種の方に知ってもらいたいので、デザインのイロハというよりも「ユーザー、事業やサービス、組織に対してどのようにデザインで価値を提供するのか」を常に考え、実践・発信している方々を中心にピックアップさせていただきます。 前提として、「今のデザインがどういう文脈の上にいるのか」ということについて、少し解説を挟みます。 この辺りに明るい方は読み飛ばしてください。 デザインと一口に言ってもその領域は多岐にわたっており、UIデザイン・UXデザイン・グラフィックデザイン・プロダクトデザイン・サービスデザイン・インタラクションデザインなど、IT系でよく使われるものだけでも色々なデザインが存在し、デザイナーに求められる範囲が非常に広くなっ
プロが実践しているロゴの作り方
はじめまして。デジタルを軸にしたクリエイティブ・エージェンシーPARK Inc.のアートディレクターの佐々木智也（@tomosasaki）と申します。 昨今、ロゴを取り巻く環境は大きく変わりつつあります。日々誕生するスマートフォンアプリやWEBサービスの台頭によって、ロゴをつくる機会は確実に増えてきています。 特にWEBデザイナーの方は、WEBサイトやアプリのUIデザインの延長上でロゴをつくることになり、戸惑うことも少なくないのではないでしょうか？ 今日は、ロゴのデザインに強みや専門性をもっているデザイナーがどのようにロゴをつくっているかを紹介していきます。これでもう、ロゴデザインを恐れることはない、かもしれません。 ロゴデザインにおける大切なポイントをおさえよう なぜロゴが必要なのか？ まずはそこから考えてみましょう。 企業や商品をはじめ、アプリやサービスには、かならず強みや他と違う魅力
サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
知識0でも作れる！iPhoneアプリ開発入門（前編）
みなさんこんにちは。Yuta Fujii(@HofuCamera)です。 アプリを作ってみたいと思っている人は多いと思いますが、実際に開発するとなると学ぶことは多いのが正直なところです。 初心者向けにアプリの作り方を解説している本やWebサイトはいくつかありますが実際に動くものを作りながら体系的に学べるサイトは少ないです。 今回の記事では、iPhoneアプリに絞って、まったく知識がなくてもiPhoneアプリを作れるようになることを目指します。 知識がなくてもiPhoneアプリはつくれる イギリスでは、プログラミング教育が義務教育化されています。 そんな中、プログラミングに対して抵抗感を持つ子供たちが世界的に少なくなってきています。時代は大きく変わり、これからも変わり続けていきます。 この記事では、実際のアプリスクールなどで有料で公開されているものと、ほぼ同等の内容を無料でステップアップしな
全くの初心者が独学でWeb制作できるようになるまでの効率の良い勉強の進め方
独学でWebデザインやコーディングなどのWeb制作スキルを身に付けたい方向けのノウハウを紹介します。 Web制作のテクニックを学ぶ方法は、 研修やセミナーで学ぶ方法 スクールに通って学ぶ方法 お金をかけずWebサイトや本を参考に学ぶ方法 の3つに大別できます。 しかし、研修やセミナーは開催地が都市部に偏っていますし、スクールに通うのは経済的な負担が大きいのも事実です。 そこでおすすめしたいのが自宅で学ぶ独学です。 筆者自身も全くの初心者の状態から独学でWeb制作のスキルを身に付けて今はそれをもとに仕事をしています。 独学中には勉強方法としての反省点や手ごたえを感じたことも多いです。 そこで、今回は筆者がWeb制作を独学する中で分かった、独学による効率の良い勉強方法についてお話しします。何から勉強をはじめていいのか分からなかった人の指針になるかと思います。 リアルなお話をしますが、独学ではじ
最新の人気プログラミング言語は？有名Webサービスやゲーム、アプリから逆引きしてみよう！
こんにちは。Webエンジニアの田島です。 ここ10年くらいでWebサービスやソーシャルゲームの市場が大幅に拡大し、それに伴いプログラマの需要も伸びています。 将来的な職業も見据えてプログラミングを学ぼうと思っている高校生や大学生の方も多いのではないでしょうか。しかし、一口にプログラミングを学ぶと言ってもその言語の種類は様々。 特に前提知識のない初心者ほど、そもそも何から学べば良いのかわからない！という声はよく聞きます。そんなときは、あなたが作りたいものをまず最初にイメージしてみることをオススメします。 そして、そのサービスや作品がどういうプログラミング言語で動いているのかを知り、その言語を学ぶことから始めると良いです。 今回は、世の中の有名なWebサービスからメディアアート、ゲーム作品に至るまで多数取り上げ、それらがどういったプログラミング言語（ツール）で動いているのかを紹介します。 是非
カメラ初心者でも簡単！夜景や背景ボケ写真を撮るためのカメラの設定
素晴らしいデジタルカメラを買ったのにその多くが部屋のおしゃれなインテリアや文鎮など、購入時に意図していない役割を果たしているのは何故でしょうか。 それはそもそも撮り方が分からないことと、近年のデジタルカメラの多機能化が進み、用語や操作方法など覚えたり理解すべきことが非常に多いことが挙げられるでしょう。 ここでは真似するだけで誰でも簡単に撮影できる、魔法の設定を皆様にお伝えしていきます。 さあ、いまこそあなたのカメラが真価を発揮する時です！(記事中の測光モードは全て分割測光です) 【脱初心者を目指したい人はこちらもオススメ】 脱初心者！一眼レフで綺麗な写真を撮るための設定と撮影方法 背景のボケた写真を撮る デジタルカメラを使っているのにiPhoneよりも背景がボケない・・こんなことはありませんか？ iPhoneは被写体に接近してピントを合わせれば背景がボケますが、デジタルカメラはそう簡単には
最近話題になったイケてるWebサービス・アプリ10選（2015年7月編）
myThings 2015年7月27日にヤフーが発表した、IoT（モノのインターネット）事業に参入してプラットフォーム化を狙う事業構想のこと。 単機能同士のアプリやIoT製品を組み合わせ、例えば 「予想最高気温が30度を超えたら通知」 「就寝中にもし雨が降ったら、いつもより30分早く起こしてくれる」 「指定したキーワードの動画を自動で収集してくれる」 などの操作を行うことが可能となります。 既存の類似サービスに、アプリやサービスを組み合わせて「○○した場合に□□する」という指示を送れるIFTTTがありますが、その日本版というイメージが近いのではないでしょうか。 キャッチコピーは、「あなたの毎日が、組み合わせで便利になる」 ちゃんリオメーカー 「ちゃんりお」は、自分そっくりのサンリオ風キャラクターを無料で作れるサービスです。 顔の輪郭、目、鼻、口、髪型や服装を選ぶと、自分だけのキャラクターを
ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
最近話題になったイケてるWebサービス・アプリ9選（2015年4月編）
こんにちは。 5月になりましたので、4月中に話題になったWebサービスやアプリを9つほどご紹介します。 C CHANNEL 「C CHANNEL」は、元LINEの代表取締役社長CEOの森川亮氏らが立ち上げる、女子のための動画ファッションマガジンです。 クリッパーと呼ばれる約100人のタレントやモデルの方たちが、FASHION」「MAKE」「HAIR」「BEAUTY」「FOOD」「TRAVEL」「CULTURE」のカテゴリに合った情報を動画付きで発信しています。 個人（タレントやモデル）1人1人がメディアになる時代。このサービスがどこまで伸びるか楽しみです。 MixChannel 「MixChannel」は、女子中学生や女子高生に人気な、10秒動画コミュニティアプリです。 スマートフォンに入っている、写真や動画などを組み合わせて動画にして投稿するCGM型のサービスです。 月間の利用者数はWe
デザインの原理原則がわかる8つの記事 | creive
デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ
文章力を上げる方法｜上手い文章の書き方や文章構成が学べる7つの記事と参考本
この記事では、現代において誰もがブログやSNSを通じて意見や考えを発信できる時代にあって、読まれる文章とそうでない文章の差が明確になってきていることを指摘しています。良い文章を書くための方法論やポイントが紹介されており、プロの知恵や知識が集約された文章力向上のコツが提供されています。また、文章力の定義や読みやすい文章の構成法、効果的な文章テンプレートなどが解説されており、あらゆるジャンルの文章作成に応用できる基本的な考え方を学ぶことができます。 そもそも、文章力とは そもそも、文章力とはなんなのかを考えてみましょう。 結論からいうと、「だれが読んでもわかりやすく、読みやすい文章を書く力」のことをいいます。 ただし、文章力の定義は「その文章が誰に対して書かれたものなのか」や「文章を書いている場所（ブログやSNSなど）」によって違います。 例えば、オピニオン記事（特定の事象に対して個人の意見を
必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定
Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー
知らなきゃ損する！「1番安い」を探せるWebサービスまとめ
こんにちは。 WEBサービスを利用すると、その商品の価格が簡単に比較でき、最安値がわかるようになりました。 そこで今回は、買い物をする時に損をしないように、その業界の最安値がわかり、しかも比較もできる便利なWebサービスを集めてみました！ スカイスキャナー（航空券） 行き先を入力して検索すると、自動的にあらゆる航空会社のサイトから料金を安い順に並べてくれます。海外旅行の時は、いつも使わせていただいています。便利！ [browser-shot url=”http://www.skyscanner.jp” width=”550″] エクスペディア（航空券/ホテル） こちらは、ホテル·航空券·ツアーの最安値を検索できるサイトです。ホテルの写真もたくさん見れるので、「宿泊施設」を探すときには重宝しています。 [browser-shot url=”http://www.expedia.co.jp”
覚えておくと絶対に役立つ！便利なGoogle検索方法7選（基本編）
こんにちは。 何かをしようと思ったときに、検索することが当たり前の時代になりました。 そこで今日は探したい物を素早く見つけるために、Googeの基本的な検索手法を7つとりあげました。 限定検索「”キーワード”」 まずは、絞り込み検索です。あるキーワードを「限定」して検索したい時に使える検索方法です。 具体例 例えば「激おこぷんぷん丸」というキーワードの意味を一瞬で調べたい時に 「”激おこぷんぷん丸とは”」 とダブルクオーテーション（””）でキーワードを囲って検索すると「激おこぷんぷん丸とは」から始まる、説明をしてくれている検索結果が一発で並びます。便利！ 除外検索「-キーワード」 あるキーワードを、検索結果から除外して検索したい時に使います。 具体例 「東京にある大学」を調べたい時に「東京 大学」と検索すると「東京大学」が大量にヒットしていしまいます。そこで 「東京 大学 -東京大学」 と
ロゴデザインの参考になるWebサイト10選
ブランドの顔としての役割を果たす「ロゴマーク」。 企業のロゴやサービスのロゴは、その会社やサービスのメッセージを発信するとても重要な意味を持ちます。そんなロゴのデザインを行う際に、数多くのロゴを見ることでデザインの引き出しを増やすことは必要不可欠。 そこで今回は、ロゴデザインが画像一覧で見られる海外や国内のギャラリーサイトを10個ほどご紹介します。会社やブランドのロゴ、かっこいいロゴからおしゃれなロゴまで、自分の目的に合った参考になるデザインが無料で見つかるのでぜひご活用ください。 参考になるロゴデザインが一覧でみられるWebサイト それではロゴデザインの参考になるWebサイトを10サイトほどご紹介します。ロゴ作成でお悩みの方はぜひ、訪れてみてください。 LogoPond LogoPondは、かっこいいロゴなどクオリティの高いロゴが集まる海外のギャラリーサイトです。 ロゴ作成時にインスピレ
「学びたい、全ての人へ」creiveより
いつもcreive（クリーブ）をお読みいただきありがとうございます。 この記事は「いつもの記事」とは少し違います。 インターネットさえ繋がっていれば、学びたいコトが学べる時代になりました。 好きな時に好きなだけ学べて、何度でも繰り返して復習できる。 インターネットが提供してくれた価値は、計り知れない威力があります。 この記事は当初、 「ネットさえあれば自由に学べる！日本語で学習できるWebサービス」 というタイトルで作成するつもりでした。 ただそんな一発単体の記事では、世の中は1ミリも動かないと考えました。 私たちcreive（クリーブ）は、このメディアを通して「学びたいヒトが、学びたいコトを、自由に学べる世界」を創ります。 いまこの記事を読んでくださっている方は、ネットリテラシーが高く、すでに知っている情報ばかりかもしれません。 ただ、普段インターネットに触れない人たち（私の場合、地元の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【総まとめ】2015年に話題になったイケてるWebサービス・アプリ27選 | creive【クリーブ】
http://creive.me/archives/5818/
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
