Typography The quick brown fox jumps over the lazy dog and feels as if he were in the seventh heaven Header 1: Font, Style, Size, Leading, Colour
Typography The quick brown fox jumps over the lazy dog and feels as if he were in the seventh heaven Header 1: Font, Style, Size, Leading, Colour
こんにちは。PIXTAスタッフのmariです。 日々、刻々とアップデートされていくWebデザインの技術。 そこで本日は、常に進化するWebデザインの知識・技術を 日々勉強しながらモノにしているPIXTAのデザイナーさんたちに聞いた! 即戦力になる「Webデザインの勉強会・セミナー情報サイト」をご紹介します。 スキルアップ、コミュニティ参加、自身のイベント開催!?にお役立てください。 CSS Nite Web制作全般をテーマに業界のキーマンが登場する超有名セミナー CSS Nite OpenCU ロフトワークが運営するクリエイティブに関わるトークセッション、ワークショップ OpenCU WordBench WordPressユーザーのための地域コミュニティサイト WordBench Web担の主催セミナー・イベント Web担当者フォーラム主催、Webマーティングの力が身につくセミナーを多数開
さて、先日バンクーバーな僕らをリニューアルしました。得に特別な事をしたわけでは無いのですが、ここ最近とにかく会社の事やらシェアハウスの事やらでテンヤワンヤしておりまして、自分の制作環境の話等を書いておらず、情報が昔のままになっていたので、今日はさっきまで色々試しながらこのサイトを作ってたという事もありますし、忘れない内に覚えてる範囲で備忘録的に書いておこうかと思います。 恐らく今後もどんどん変わっていくかと思いますし、まだまだ学び途中の物も沢山ありますが、まずは参考にした物も含め共有させて頂きます。去年書いた記事と比較しながら読むとちょっとは楽しめるんじゃないかと思います。 レスポンシブやらアイコンフォントやらフラットやら!2013年の気になる技術やデザインを試してみたリニューアル手順! また、このブログでは何度か触れていますが、もはや僕はクライアントのために手を動かして何かを作るという事
フリーランスをスタートして半年以上が過ぎて、まだまだ月々の売上は売上報告にも書いている通り、多い時と少ない時の差がかなりありますが、ありがたいことに仕事自体は次第に増えています。 そうするとしっかりと考えておかないといけないのが、デザイン料金の設定です。これまではクラウドソーシングでのコンペや受注案件など、価格が決まっているものに応募したり、受けたりする流れでしたが、これからクライアントや代理店の方と直で料金の交渉をしたり、見積書を提出することが増えていきます。 そこで改めてその中のデザイン料金の相場について考え、まとめてみました。 デザイン料金で揉める場合 サバイブログでは過去に「デザインのクオリティと値段の関係をハッキリさせておこう」、「【クラウドソーシングも含む】プロに低料金の案件を気持良く、しっかり仕事をしてもらうコツ」という記事で、デザインとお金の関係に関しては色々と思うところを
こんにちは、結婚式で悪友に高校時代のポエム的なものを晒されたゆうすけです。 そういうの、本当勘弁してほしいんだよな。 先日Macの古いデータを整理していたところ、2008年頃のウェブサイトのキャプチャー画像を大量に発見。当時はWebデザイナーではなくエディトリアルデザイナーだったのですが、デザインの練習(模写)のために取り溜めていた様子。 あの頃の自分は結構真面目だったのかもしれない。 やっぱり今とだいぶ違うなー。具体的にどこが変わったのかな?と結構楽しく眺めていたのですが(どうしてアナログデジタル問わず、掃除をすると懐かしくて手が止まってしまうのか!)、せっかくなので記事としてまとめてみることにします。 当時の担当デザイナーがもしこれを見たら、恥ずかしくてたまらないかもしれないですけどね。一度世に出したものですからね。しょうがないね。 大阪府知事に橋下徹氏が就任し、船場吉兆があの伝説的な
どうも〜こんにちはぁ! Web制作者として日々勉強中でありますライターの、のび太です。 先日「Webが学べる海外サイト10選」をご紹介させていただきましたが、もちろん国内サイトでも、Webに関してガッツリ学べる有益なブログはたくさんあります。 国内サイトでは、およそ80ぐらいのWeb系ブログをRSS購読させてもらっていますが、今回はその中でも厳選に厳選しまくった「これはWeb屋なら絶対必須でしょ! もはやお金取られてもいいレベルや!」って感じた10個をみなさんにシェアしたいと思います。 また、大変恐縮ながら、個人的にベスト3だと思った記事(特に有益だと思った記事)も一緒にご紹介させていただきます。 【こちらもおすすめ】 ☞ Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 Webクリエイターボックス http://www.webcreatorbox.com/ あまりにも
どうも〜こんにちはぁ!最近カナダから日本に戻ってまいりましたライター、のび太です。いや〜やっぱり日本はいいですね~。なんといっても牛丼が安くてウマい!! さて、LIGではこれまでWeb制作者にとって役に立つ様々な記事が公開されましたが、かなり数も増えてきたので、今回はそれらを分野別にまとめてみました。 時間のない方も、ぜひ一旦ブックマークなどをしておいて、週末なんかに一気に読んでもらえたらいいと思ってます。この機会にWeb力向上を目指しましょう! Web制作者に役立つ記事ジャンル別のまとめ Web制作者にとって便利ツールは欠かせませんよね〜。作業時間が何十、何百分の一にも短縮されることもあると思います。場面によって適切に使い分け、どんどん効率化を図っていきましょう。 ■Windowsユーザー必見!普段使い&制作に役立つ便利ツール5選 https://liginc.co.jp/web/too
作成:2014/03/17 更新:2014/11/01 Webデザイン > クライアントさんの依頼やクラウドソーシングでもライティングや撮影依頼の需要が増えてきました。コンテンツファーストの時代になり、ライターだけじゃなく「コンテンツを作れる」デザイナーやエンジニアは、今後100%重宝されます。今回はフリーでも活躍できるように、ライバルのデザイナーさんと差別化できるように「コンテンツ作成」もできるデザイナーになるためのスキルをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コンテンツ設計 1.イラスト作成のスキル 2.写真の撮影技術と知識 3.動画編集の技術 4.コピーライティング 5.モーショングラフィック 6.電子書籍の作成 Webデザイナーの基本知識とスキル 7.UX・UI・IAの知識 8.レイアウト基本原則 9.配色+色彩計画 10.フ
こんにちは。デザイナーの白浜です。春ですね。4月生まれなので春はなんだか気合が入ります。 さて、挨拶とは関係ありませんが、最近Web制作をする上で役に立ったツールやプラグインをご紹介したいと思います。 画像作成編 無料で半透過マルチアイコンやファビコン(favicon.ico)作成 http://ao-system.net/alphaicon/ アルファチャンネルを持った綺麗なマルチアイコンが一発で作れます。仕上がりが綺麗だったのでお気に入りです。favicon画像作成のお供に。 OGP画像シミュレータ | og:image Simulator http://ogimage.tsmallfield.com/ 画像をアップロードするだけでFacebookのタイムライン上にどのようにトリミングされて配置されるかを一発でシミュレートしてくれます。 「あっこのままだとロゴが欠ける…」とかぱっと見で
Goodpatchがローカライズに取り組んだ、Salon.ioという海外で人気のサービスの日本語版がリリースされました!Salon.ioとは、コードを書かずにドラッグ&ドロップだけで、自由にWebサイトを作ることができるツールです。今回の記事では、Salon.ioのサービス紹介と、ローカライズの経験から見えてきたことについてお話します! Salon.ioって? http://salon.io/ Salon.ioはドイツ・ベルリンにて2012年11月にローンチされました。コードを書かずにドラッグ&ドロップだけで、美しいWebサイトやポートフォリオを作成することができることから、世界中のクリエイターから愛されています。Salon.ioを使ってできることについて説明します。 画像 ブラウザ上にドラッグ&ドロップするだけで、画像をアップロードすることができます。ドラッグして自由な位置に動かすことが
大学生のWallyさん(@limelinejp)が運営する「Choicely」というギャラリーサイト。 今年に公開されたばかりのサイトですがWordPressテーマが約200テーマ、Webサイトは約100サイト、Webサービスが約20サービスとかなりの数の優れたデザインが紹介されています。 Webにまつわるものだけでなく、動画(CMなど)やプロダクト、キャンペーンなど「Choicely」の説明にある「刺激を受けることができる様々なものを集めるインスピレーションギャラリー」という名前の通りになっています。 製作者のWallyさん(@limelinejp)によると、Webデザインや動画など各分野に特化したギャラリーサイトはたくさんある中で、これらを横断的に見ることができるギャラリーサイトはあまりないと感じ制作したということです。 今後も各カテゴリの内容を充実させていくとともに、Web制作で利用
作成:2014/01/6 更新:2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター 1.アクセシビリティ 2.ユーザビリティ 3.UX(ユーザーエクスペリエンス) 4.IA(情報アーキテクチャ) 5.画面設計(ワイヤーフレーム) 6.進行管理 Webデザイナー 7.レイアウト・フォントの知識 8.配色 9.Illustratorの使い方 10.Photoshopの使い方 11.バナー作成 12.ボタン作成 フロントエンドエンジニア 13.HTML5 14.CSS3/Sass 15.javascript 16.jQuery 17.WordPressテー
こんにちは。デザイナーの白浜です。 人が見て美しいとデザインとされる黄金比や白銀比。なんとなく知っているものの、作り方や使い方がよくわからないという人もいますよね。 今回は黄金比や白銀比の考え方についてわかりやすく解説するとともに、Webデザインのレイアウトや画像制作に黄金比や白銀比を取り入れる方法・お役立ちツールをご紹介します。 良かったら参考にしてみてください。 (編集部注:2013年12月16日に公開された記事を再編集したものです。) 黄金比・白銀比って? 黄金比・白銀比は、古くからある人が見て美しいと言われる調和的な比率のこと。デザインに黄金比や白銀比を使用することで、言葉で言い表せない芸術的な美しさを加えることができます。 まずは黄金比・白銀比がどういうものなのか、基本の考え方についてみていきましょう。 黄金比の比率と作り方 コトバンクによると、黄金比(Golden ratio)
WCAF Vol.11 「Design」 in 福井 で発表させていただきました。 http://wcaf.doorkeeper.jp/events/7028 協力: we love heroku by @ppworks http://welove.herokuapp.com/ (参考)ppworks 氏によるエントリー http://www.genuineblue.jp/posts/weloveheroku-design-renewal/ ズルいデザインテクニック2013 + セミフラット version - in 福井 https://speakerdeck.com/ken_c_lo/zuruidezaintekunituku2013-plus-semihuratuto-version-in-fu-jing
普段、何気なく使っているアプリの中には、小さな「気配りデザイン」がたくさん詰まっています。 「気配りデザイン」とは、ユーザー(=人)のことを考えた、デザイン上の工夫はもちろん、操作をした時の動き、画面遷移のしかた、言葉での表現方法など、ほんのちょっとした小さな工夫のことです。 でもこれらは、気付かないぐらい自然なデザインになっているのと、ほんとうに些細なことなので、気付くのも一苦労! しかし、実際にアプリをデザインしていく時には、こういった気付かないぐらい小さな工夫をひとつひとつ考え、組み立てていかなければならないのです。 今回の授業では、実際のアプリの中に隠された気配りデザインを見つけ、なぜそういう気配りをしたか、という理由を自分たちなりに考えていきます。 気配りデザインと、その理由を考えることで、人が使って気持ちのよいデザインをつくるための参考になります。まずは、それを見て知ることから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く