WEBデザイナーのためのWEBサイトのデータベース・リンク集、「WEBサイトを作成する際のデザインの配色・見本・参考」「お客様・クライアントにイメージを伝えるためのサンプル」「制作会社へのサイトイメージを伝えるためのご提案」などサンプル・配色・見本・参考・ご提案にご利用ください!!
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ(Webサイト)を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
まず前提として、「ヒアリング」がディレクターとしては最も重要な要素ですが、 これは別の機会とさせて下さい。 ヒアリングを行う上で、もしくは行った上での対策3つです。 いわゆるターゲッティングです。 必ず必要になる設計要素で、 これが無ければWebサイトの成功は無いと個人的には思っています。 なぜターゲッティングが必要か? 見たい人が見ないサイトでは、存在価値がありませんよね。 これは、設計時や表面上のデザインに大きく影響します。 女性向け、男性向け、10代、50代、様々なターゲット層を 踏まえ、サイトを構築する事が重要です。 どのように行うか? ターゲットを想定し、見せたい情報は何か、ユーザーが知りたい情報は何か? そしてどんな人が訪れる可能性があるか? それら全てを想定します。 よく行われるのは「ペルソナマーケティング」と言われる手法で、 ペルソナ=架空の人物
ふと思い立ったので記事にしてみます。 最近よく見させて頂いてる国内のブログ をシェアしてみようと思って記事にして みます。僕はWeb屋さんなのでWeb屋さん 向けのブログだけになっていますが、 Web屋さん以外でも楽しめるんじゃないか と思っています。 というわけでお薦めのブログをご紹介。今までも色々なブログをご紹介していますので重複するサイトは割愛しています。 単純に自分の好みなので全然参考にならないと思いますが、お世話になってるのでご紹介したいなと。少なくともタイトルで釣っておきながら中身が無いようなしょうもないブログは1つも含まれて無いと思います。しょうもないブログとはこののブログの事なんですけどね。ドキッとした方は僕と一緒に悔い改めると幸せになれそうです。 僕自身、人様のブログ自体は殆ど見ない人間なので偏ってると思いますけど、新たな発見に繋がれば幸いです。 maka-veli.co
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト! ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
今回は、「設計変更」が発生したときの設計者とクライアント間のコミュニケーションを考慮しました。 あなたは、あなたのために仕事を注文するクライアントやディレクターとどのような意識を持っていますか? たとえば、少し大規模なシステム開発の場合、「このように動くものを作る」と言った直後にプログラムを作成する開発者などはいないようです。 実際、システム開発の予算の大部分は非常に重要であるため、「設計(要件定義を含む)」に充てられています。 つまり、この「設計」フローがなければ、手を動かすことで作業することはできません(大まかに言えば)。 一般的なデザイナーの仕事には大きな懸念があります。 つまり、「要件を設計および定義するためのフローなしで設計を行う設計者が多すぎます」。 現在、特にWeb制作では、「デザイナーと開発者」は異なる次元の人種のように切り離されていますが、それは本当ですか? 私はデザイナ
Let’s get you inspired for your next site design! Love it or hate it, flat design is here to stay. This collection is dedicated to inspiring you for your next flat design project. There should be something for everybody. Enjoy! Your Web Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW You might also like this collection of 30 Beautiful an
Interface designers have become very clever over the recent years. We’ve seen Apple introduce the breathtaking iOS format, followed shortly by Google’s Android. Additionally Chrome has re-defined how we build websites and jQuery offers tons of unique effects on the user end. below are 30 amazing examples of new web interfaces and how you can jump ahead of the curve in your own designs. Glossi Time
本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweaver 等のソフトの操作説明」しかされておらず、ソフトの操作方法を習得しただけではWebデザイナーとして就職し、仕事していくのは少々厳しいのではないかと思いました。 そこで、ソフトの操作方法と平行して「Webデザインそのもの」について考える時間を設けたいと思い、オリジナルのカリキュラムを作ることにしました。 ここでは、そのカリキュラムの一部をブログ形式にして掲載しています。 既にWebデザインの仕事をされている方はご存知のことばかりかもしれませんが、これからWebデザイナーになりたい方や、今はプログラミングなどデザイン以外の仕事をされていて、これからデザインも手がけてみたいと
Good news for Smashing readers! Find here another freebie. Designed by Hike, you can use it for all your projects for free and without any restrictions. Today we are glad to release a yet another freebie: a Facebook Fan Page GUI PSD, designed by Hike and released for Smashing Magazine and its readers. The PSD will speed up the process of creating previews, thus sparing you from drawing all the com
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左:オリジナル(3662KB)、右:JPEGmini(628KB) [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左:オリジナル、右:JPEGmini、見た目の品質を比較することができます。
The login page is undoubtedly the most frequently visited page of any web service, eCommerce site, or application. It’s the gateway users must pass through to access the content or services they want. As such, it’s crucial to ensure that your login page looks visually appealing and is user-friendly. But the importance of an effective registration form design should not be overlooked either. After
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く