一定期間更新がないため広告を表示しています
「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは3つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編(HTML&CSS)〜 〃 〜③集客・Webマーケティング編〜 以上の3つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか?」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく7つのステップがあります。 ①どんなWebサイトにするか考える(企画) Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え
2013年11月28日 Illustrator 海外サイトでよく見るPhotoshopやIllustratorのチュートリアル記事って、見ていていろんな発見があります。自分が思っていたよりはるかに楽な方法や、知らないテクニックを教わったり。でも、日本語のサイトでそんなチュートリアルをあまり見かけないので、Illustratorでイラストを描いたのを記事にしてみました。動画も撮っておいたのであわせて見てみてください! ↑私が10年以上利用している会計ソフト! 動画撮ってみました 個人的に、他の人が作っていく過程を見るのが好きなので撮ってみました。ベジェ曲線での描き方など、参考になるかもしれません。一部撮り忘れたところもありますが気にしないでください。 まずは準備 ラフ画の取り込み ラフ画は別レイヤーにフリーハンドで描く事も多いのですが、今回は紙に描いたものを使いました。通常スキャナーなどで取
Webって本当、何でも落ちてますよねー。特に海外記事を見ていると、レベルと文化の違いのせいか、とても良い刺激を受けます。2012年早々ですが、僕が参考として見たまとめ記事を、備忘録として更にまとめます。主にTwitterでつぶやいたモノです。 ※フリー明記のモノでも、それぞれまとめ記事なので、ライセンスは各種それぞれです。ご自身でご確認下さい。 25 Fresh Typography Free Fonts For Your Next Designs すんごい可愛い!すんごいシャレオツ! ソッコーでいくつかDLしました!お洒落系フォントが多いですね。(英) PhotoShopブラシ A Collection of Free Fractal Brushes Photoshop もじゃもじゃ系ブラシ集。幻想的なグラフィックに意外と使えるんですよね。薄く背景にあると雰囲気がガラっと変わりま
去年の年末、Facebookで以下の様な画像が流れてきて自分もついついシェアしたんだけど、久々に、というか、自分にとってのここ最近の課題をドンピシャで突かれたような気がして、しばらく頭から離れなかった。 出展: 中村 修治 - 中村 修治さんの写真アルバム | Facebook 「プロ」か「アマチュア」か、というのはこの際どうでも良くて、この図の、上の曲線が、目指すべきところだなって話なだけなので、とりあえずその話をまとめてみることにする。 けど、まぁ、だいたい、こういう話をまとめるのは苦手だし途中で面倒になってしまうので、以下サブセクションだけ先に作ってみたものの、ちゃんと書くかどうかわからない... が、まあ、いい!あと、なんかグダグダ書いてしまいそうだけど、結局、サブセクションのタイトルにしたことをこねくりまわしているだけです。 作ってみるまでわからない 何にも言えることだけど作って
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい(汗) さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル/スピード上がったかなぁと僕自身が感じられたら良しとしてます(笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
WEBを作れる人と、WEBデザイナーって何が違うんですかね?WEBサイトを作れる人がWEBデザイナーなのであれば、今やぶっちゃけ誰でもWEBデザイナーになれちゃうことになりますよね。 僕の妹も以前プロフィールサイト(?)的なウェブページらしき物を作っていたのですが(お、お兄ちゃんはそんなもの作るだなんて聞いてないんだからね!!)、そんなやんちゃな妹がWEBデザイナーかと言えばやっぱ違うわけですよね。 じゃぁ、何がいったいWEBデザイナーなのか、PhotoshopやらDreamweaverやらといった類のツールを使えればWEBデザイナーなのか、お金もらえばWEBデザイナーなのか、かっこいいサイトを作ることができればWEBデザイナーなのか。 この記事自体、僕の考えが全て正しいと言うつもりは毛頭無い駄文記事ですが、少なくとも僕がディレクターとしてデザイナーに何を求めているのかという視点で今日は記
[レベル:中〜上級] ウェブサイトのデザインやユーザビリティなどを改善するためのユーザーテストが欠かせません。 ユーザーテストを行うときのコツやアドバイスを米国版Googleウェブマスター向け公式ブログが公開しました。 彼らの専門チームのこれまでの経験に基づくものです。 とても役に立つ内容なので、日本版公式ブログで翻訳記事が近いうちに公開されることを期待しつつ知っておきたいポイントを僕のブログで紹介します。 テストはシンプルに 試験者の人数: レイアウトやナビゲーションの一般的な問題を調べるのであれば、テストに参加してもらう人の人数は5人で間に合う(ヤコブ・ニールセンの記事を参照)。 試験者の選び方: 技術的なスキルの異なった人を集める。ただし個々が出くわした問題よりも全体的な流れに焦点を当てる。たとえば、50%以上の試験者が経験したユーザビリティの問題は本当に問題になっている可能性が高い
Jotttrはあなたのウェブサイトをあらゆる観点から評価してくれるサービスです。 GoogleのページランクやAlexaRank、TwitterやFacebookでの言及数など。 ウェブサイトで使われている色も教えてくれますよ。 HTML,CSSのエラー数も知ることができるので、助かりますね。 以下に使ってみた様子を載せておきます。 まず「Jotttr」にアクセスしましょう。 解析したいサイトのURLを入力します。しばらくすると結果が表示されますよ。 ページランクやAlexaRankなどが表示されます。 スクリーンショットおよび使われている配色を一覧で出してくれます。 TwitterやFacebookなどソーシャルネットワーク上での言及数もわかります。 全体の評価をグラフで表現してくれます。 右下に100点満点でどれくらいか表示されますよ。 ブログをお持ちの方は一度試してみてください!
12 Creative Web UI Elements to Enhance Your Web Design | Sky Tech Geek UIデザインの参考になる高品質UIエレメント集がまとまっていて、PSDなどで入手可能です。 UIデザインはすでにあるデモなんかを利用してもいいんですが、ある程度の知識がないとカスタマイズで時間を取られてしまいますね。 PSDなどからパーツを自分で起こせるようにしておくとどんなUIでも実装の際に対応できそうです。 関連エントリ クールなUIパーツを収録したUI作成用PSDキット「Transparent Glass UI」 GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク これは斬新!木のUIで訪問者を驚かせよう、なUIパーツ
Matt Webb さまざまな異なる種類のサークルを重ねたエレメントです。異なるカラーを使いダイナミックに見せたり、単一のカラーでモノクロームを演出することができます。また、より少ない数のレイヤーにすることで、よりシンプルに見せることもできます。配置としては、背景やヘッダなどがよいでしょう。 半透明のサークル Pngised 半透明のサークルは最近、多くのウェブサイトで見かけます。使い方としてはカラフルなサークルか、いくつかのカラーだけにしたサークルが多く、主に背景として利用されています。他にもページ内の適切な箇所のみをハイライトする役割もあり、ユーザーの注意を惹きつける有益な方法です。 かなり大きなサークル
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック','MS PGothic',sans-serif; 同じフォントを日本語表記とアルファベット表記の両方で指定しているのは、各ブラウザの解釈や挙動が異なるなどの理由からです。ただ、最近のブラウザはどうなんだろうかとちょっと気になったので調べました。 結果としては下記の表になりました。詳細はデモページを見てください。 Parallels上のWin7: IE6-8(IE6,7はIETester), Chrome15, Firefox8, Safari5, Opera11 Mac OS X 10.6.8: Chrome15, Firefox8, Safari5, Opera11 文字コード: UTF-8 指定方法 IE Chrome Saf
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見
Cue ? A gesture icon system ? Some Random Dude スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」 スワイプとかいっても、それ何?と言われそうな気がする今日このごろですが、今回紹介するアイコンを使えば、なんとなく説明がしやすくなるかも。 次のような指を模したデザインに矢印などをつけてジェスチャーを表現したアイコンセットが公開されています サイト自体のチュートリアルページなんかに使うといいかもしれませんね。 PNG、SVG形式で公開されています 関連エントリ オープンソースのマルチタッチ用ジェスチャーアイコンセット iPhone等でもスワイプで画像を送れるカルーセル実装jQueryプラグイン「Roto」 Firefox4のAudio Data APIで楽譜をWEB上で演奏するデモ
11月27日に WordCamp Tokyo 2011 が開催されました。そこで「コンテンツ戦略を意識した今後の CMS の姿」という講演をしました。WordPress を中心にしたイベントでしたが、私の講演では WordPress に留まらず、今後必要とされる Web コンテンツに必要とされる CMS のあり方について解説しました。講演の意図について知りたい方は前回の記事「コンテンツを軸にしてCMSを使おう」をご覧ください。 機能至上主義からの離脱 CMSの話になると、どうしても機能の話になるのは以前から疑問を感じていました。日本だと Movable Type の支持は高いですが、MT と WordPress を機能比較でしか議論できないのはどうも寂しい気がします。機能は重要ですが、機能を前提にしてサイト構築すると、結局クライアントやサイト観覧者のメリットにならない場合があります。ニーズ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く