泣けるほど簡単！おしゃれなサイトができるWEBサービス１０選
作成：2012/12/25 更新：2014/11/01 Webサービス > ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ＆ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．まとめサイトを作る ２．ネットショップを作る ３．ホームページを作る ４．ポートフォリオサイトを作る ５．おしゃれなECサイトを作る ６．全部入り企業サイトを作る ７．コーポレートサイトを作る ８．レスポンシブ対応サイトを作る ９．HTML5サイトを作る １０．ビジネス用無料WordPressテーマ - レスポンシブ対応 １１．デザイナー向けポートフォリオページ １２．ブートストラッ
CAREER HACK | WEB・IT業界で働く人々の人生を少し豊かにするメディア
4月から新社会人となるみなさんに、仕事にとって大切なこと、役立つ体験談などをお届けします。どんなに活躍している人もはじめはみんな新人。新たなスタートラインに立つ時、壁にぶつかったとき、ぜひこれらの記事を参考にしてみてください！
インフォグラフィックスができるまでの5ステップ : LINE Corporation ディレクターブログ
こんにちは。位置情報共有サービスロケタッチのディレクターをしております幕田博之です。 おかげさまで、2011年7月15日をもちましてロケタッチはサービス開始から一周年を迎えることができました！ 多くの社内外の関係者、ユーザーの皆様からのご指導、ご支援があってのことだと思い、スタッフ一同大変感謝しております。 さて、先日のロケタッチ開発ブログでは一周年記念ということでインフォグラフィックスを公開いたしました。 そこで、今回のディレクターブログではロケタッチのインフォグラフィックスができるまでの流れをご紹介したいと思います！ そもそも、インフォグラフィックスってなに？？ Wikipediaでは下記のように説明されています。 インフォグラフィックス(英：Infographics)は、情報、データ、知識を視覚的に表現したものである。インフォグラフィックスは情報を素早く簡単に表現したい場面で用いられ
20 Creative Design Galleries to Submit Your Website
2013年3月25日 Web Design Web design gallery websites are very useful to get inspiration. When you had created great works, show off your creative design which you are really proud of! All of the ones featured in this post are free to submit to. I will share some Japanese web design galleries as well. [adA-en] You can submit your website from “Submit” page. People who are managing those gallery websit
Web制作のための、Illustratorの独学方法 - DESIGNMAP
まずは大まかに基本操作をさわっていこう。 細かい機能、コマンドなどは覚えようとせず、さっと流そう。例えば、パスファインダであれば、［合体］、［分割］、［全面オブジェクトで型抜き］だけを理解すれば、当面は十分である。ツールもすべて理解したり、覚えたりする必要はない。色の付け方、複製、グラデーション、回転、縮小・拡大、リフレクトなどベーシックな機能だけをおさえる。 一冊目として、おすすめなのは『Illustrator トレーニングブック』である。安定した内容で、これ以上分かりやすく解説するのは難しいくらいの構成になっている。
無料でダウンロードできる洗練されたデザインのUIキットいろいろ
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01："Pizza" UI K
クライアントよ、お前の依頼の大変さを思い知れ！これが「デザイン修正」だ！
昨日紹介したデザインができるまでの過程をまとめたイラストが多くの反響をもらった。これを機にデザイナーに優しくしよう！ 元々@nerichichiさんという方が描いたイラストらしいのだが、その方の別の作品でクライアントが当たり前のように言ってくるデザイン修正がどれだけデザイナーにとって大変なのかを描いた漫画があったので、紹介する！これも物凄く納得感のあるイラストだ…。 密にコミュニケーションを取り、最高のアウトプットを これを見るだけでデザイン修正の大変さに納得すると同時に今後自分も発注する側として気をつけよう、と改めて心に誓った。 【img via 練乳の投稿画像】 クライアントによる大量かつ細かい要望に応えつつも複数回に渡る校正。最後にできあがったものは「絶妙なバランス」を持って成り立っているのを、根本的な要素に対して当たり前のようにデザイン修正を求めるクライアント。 もしあなたがデザイ
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
これが出来れば中級者！Illustrator初心者のための「ロゴ作成講座」
先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい！」「抱いて！」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか？」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し
デザインを学びたい全ての方へ - 海外のデザイン学習リソース200選
「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう？」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning（オンライン学習）UI/Web:（ユーザインターフェイス／ウェブ）General（一般）Product（プロダクト）Branding:（ブランディング）Book Cover Design:（ブックカバーデザイン）Design Por
もういちど 世界一周 じゅんび日記: デザイナーの採用
ぼくは、デザイン部署を任されているので この10年、社員／派遣社員とわず、社内のデザイン制作系の人材の採用に いろいろ関わってきました。 面接はもちろん、人事に人材を紹介したり、採用のサイトをつくったり。。 大学で、社の説明会をしたり、 大学の授業や、企業の研修で、講師として、 世界一周とからめて、「働く事のおもしろさ」を講義したりもしました。 そんなおり、 鎌倉にある、クラウドソーシング事業のランサーズという会社の社長、あきよしくんから、 「デザイナーを社で採ろうと思うのですが、どんなことに気をつけるといいですか？」的なメッセージが、facebookで来て、ぼくなりの考えを返信しました。 彼が、参考になった！と言ってくれて、彼の許可ももらったので ぼくのその回答を紹介します。 --- ◆現状のWebデザインのポートフォリオで趣向が異なっても、 イケテル人なら、どん
それじゃあ何も伝わらない！元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ
ネッツアイに火の用心 あなたのハートにG-SHOCK！こんにちは、nakatanigoです。 かつてはディレクターブログを書く立場だったのですが、諸事情により遠ざかっておりました。 というのも、かつて前職でデザイナーをしていた経験から、ディレクターを２年ほど経験した後、デザイナーに転籍したのです。 そこで、今回はその経験から、ディレクターからデザイナーにデザインを依頼する際に注意すべきことをお話させていただきます。ディレクターがデザイナーに依頼をする際、こういう言い方は避けたほうがいいという事例もあわせてご紹介します。 大前提として、デザイナーはディレクターから言われたことしかやらないわけではありませんので、依頼に疑問があれば質問し相談します。しっかりとコミュニケーションをとれば下記のような事例は起こらないと思いますが、それが抜けてしまった場合には効果の小さいデサインができあがってしまうと
私が出会った優秀なWebデザイナーに共通した26の特徴
優秀なWebデザイナーって何だろう。と考えたことはありませんか？私は昔からそんなことを考えているんですが、最近、優秀なWebデザイナーについて、なんとなくですが気づいたことがありましたので、今日はそのこと(優秀なWebデザイナーの特徴)についてまとめてみようと思います。 こうして優秀なWEBデザイナーに共通している特徴をまとめてみると、私はまだまだ小さい人(Webデザイナー)だなと痛感させられます。優秀なWebデザイナーの方々の多くは、人としても大変魅力的で、彼らの周りには自然と人が集まっているように感じます。 今日の記事は、あくまでも私が気づいた点であるために、必ずこれらができているから優秀なWebデザイナーであるとは限りません。ですがこの記事が「優秀なWebデザイナーとはどんな人なのか」「どうすればそうなれるのか」という事を考えるきっかけになれば幸いに思います。 人として共通している1
ウェブデザイナーのための基本的なデザインの10のルール
ほとんどのウェブサイトのメインとなるゴールは、コミュニケーションでしょう。 全体的なレイアウト、テキスト、画像はコミュニケーションにとって非常に重要で、ユーザーに適切に情報を伝える武器になります。 ウェブページを制作する際、ユーザーに正しく効果的にメッセージを届けるための基本的なルールを紹介します。 10 Basic Graphic Design Rules for Web Designers 下記は各ポイントを意訳したものです。 画像は高品質なものを使う 時には大胆に！ 目的をもってデザインする シンプル・イズ・ベター フォント選びは賢く テキストより画像 ページの重要な箇所を強調 コンテンツの組織化 空白スペースの活用 文章は読みやすく 画像は高品質なものを使う 多くのつまらない画像を並べるより、一つの高品質な画像を配置した方がより多くのものを得るでしょう。画像を選ぶときは、伝えたいメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
Pinboard
cmmntr.com
純利益をあげているEコマースTOP100サイトに見る、購入フローの全ステップをキャプチャでおさめたまとめ
cmmntr.com
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
