[B! web][webデザイン] YUKI14のブックマーク

YUKI14 id:YUKI14

webとwebデザインに関するYUKI14のブックマーク (406)

実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート - Qiita
リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外の要件が発生しないように気をつけるべきだろう。この記事では、デザイナーやフロントエンドエンジニアが見落としがちなWebフロントエンドの課題について列挙していく。ホバー表現を後から指示されるツッコミ後から仕様追加されると困るから先に決めて!メモ最近
YUKI14 2017/02/18
design

デザイン

web制作

webデザイン

WEB
リンク
デザイナーはワイヤーの通りにデザインすべきかという議論は虚しいのでやめよう - デザイナーのイラストノート
先日、7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法という記事が話題になりました。これに端を発して「そもそもデザイナーはワイヤーどおりデザインを作るべきか」という話題があちこちで見かけられました。（件の記事は、デザイナーを経験されたアートディレクターならではの「デザイナーがワイヤーの枠を出られない理由」が書かれていてとてもいい記事です、ぜひご一読を。）ワイヤーどおりに作るべき？言うまでもなく、みなさんご存知の通り、「案件による」。以上です。しかし、実際ディレクターのお悩みとして「デザイナーから上がってきたものがワイヤーの通りだった」という声はあります。しかしこれは結局のところと思いますがいかがでしょうか。と言うのにも一応理由があって「ディレクターにワイヤーの通りだと怒られた」という話はあまり聞かないからです。デザイナー側はそのことをあまり問題視していな
YUKI14 2017/02/18
デザイン

webデザイン

web

ディレクター
リンク
それなりに使える、Web制作者がお世話になる便利ツール
作成‥2016/01/4 更新‥2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで﹁それなり﹂に使えそうなツールをまとめました。作業労力を軽減してくれる系です。エンジニア速報は Twitter の@commteで配信しています。便利なツールロゴの特許、商標の検索キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ
YUKI14 2016/01/06
excel

webサービス

ツール

web制作

webデザイン

web
リンク
【Webデザイナー必読】PhotoshopやHTMLなどのスキルを劇的に上げられる記事まとめ30選
Webデザイナーとしてのキャリアを歩み始め1年目。基本的なスキルを学び、業務をひと通りこなせるようになったものの、先輩デザイナーと比べると、差を感じてしまうという方もいるのではないでしょうか？ Webデザイナーはクリエイター系の職種であるため、﹁センス﹂が重要視されるシーンが多いです。しかし、“学び”によってスキルアップできるのもまた事実。むしろ、テクノロジーの発展が著しい業界ということから、プロとして仕事を続けるのであれば学び続けなければならないのは宿命かもしれません。そこで、今回は﹁Photoshopを使ったデザイン﹂や﹁HTMLなどの言語を使ったコーディング﹂、﹁Webデザイナーとしてインプットしておきたい情報﹂に関する30記事をご紹介します。 Photoshopなど、デザインに関する記事10選1.良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なことこ
YUKI14 2015/07/03
あとで読む

webデザイン

デザイン

WEB

Web制作
リンク
「私には特技がない。でも...」女性WEBデザイナーが10年以上フリーランス活躍してきた秘訣
フリーランス歴10年を超え、ますますWEBデザイナーとしての幅が広がってきたという﹁crema design﹂黒野明子さん。グラフィックデザイナーであり、コーダーであり、講師としても活躍する彼女は﹁私にはコレ！という特技はない﹂という。いかにしてマルチスキル力を高めてきたのか？﹇プロフィール﹈黒野明子デザイン事務所、制作会社を経て2003年よりフリーのWEBデザイナーに。デザインユニット﹁linker﹂を経て、現在は﹁crema design﹂として個人で活動。インターフェイス開発・運営、サイトデザイン等を担う。動画学習サイト﹃lynda.com日本版﹄トレーナー、WEB制作入門サイト﹃Adobe Pinch In﹄でのデザイントレンド解説記事執筆等も担当。主な著書﹃デザインの学校これからはじめるIllustrator&Photoshopの本﹄︵技術評論社︶﹃ウェブデザインコーディネ
YUKI14 2015/05/12
考え方

仕事

web

Webデザイン
リンク
今からでも間に合う！レスポンシブWebデザイン作り方のまとめ
photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。徐々に対応しているところが増えてきたためだと思います。私も昨年からレスポンシブWEBデザインについて、対応する必要がありましたので、調べたものをまとめてみました。もくじレスポンシブWebデザインとは？ギャラリーサイトレスポンシブWebデザインの作り方画像の切り替え・最適化レスポンシブ対応のフレームワークレスポンシブ対応のライブラリサイトの高速化レスポンシブWebデザインとは？2年程前から流行し始めたレスポンシブWebデザイン。基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。レスポンシブWebデザインの基本レスポンシブWebデザインの基礎必読！5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス
YUKI14 2014/06/17
web

responsive

レスポンシブ

webデザイン

web制作

デザイン
リンク
レスポンシブWebデザインの作り方（簡単設定方法）
YUKI14 2014/06/17
Responsive

Web制作

webデザイン

レスポンシブ

デザイン

webdesign

スマートフォン

web

html
リンク
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
どうも〜こんにちはぁ！　最近レスポンシブなサイトを作ることが多いライターの、のび太です。モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は﹁これはぜったいに知っておきたいよね！﹂って感じた基本的なことを7つご紹介させていただきたいと思います。レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべしレスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。立体ボタンや矢印だ
YUKI14 2014/06/17
web

レスポンシブ

web制作

webデザイン

レスポンシブデザイン
リンク
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。
YUKI14 2014/06/17
レスポンシブ

webデザイン

レスポンシブデザイン

webdesign

design

web

デザイン
リンク
UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 | Web担当者Forum
UXのプロが岡目八目で切り込むのが快感今回、﹁UXデザインパッケージ﹂のサービスを体験してみたわけですが、結論から言うと、﹁さすがUXのプロ﹂という面と、﹁まさに岡目八目、外部に頼む価値﹂という面とがありました。アドバイスは、現状のWeb担の見せ方をかなり大幅に変えるというものでした。つまり、現状をある意味で否定された形なのですが、それに対して違和感は抱きませんでした。というのも、そうするべきだとして示されている理由が理路整然としていた納得できるものであり、さらに自分でも薄々は感じていた﹁そうだよね﹂という部分をえぐられていた内容も多かったからです。たとえば、アドバイスでは、﹁移動中などにスマホで友人のフィードで見かけた記事などが気になり、でもそのときは読まずにあとから読む﹂といった行動にうまく対応できるようにと指摘されています。これは、言われなくてもわかっているはずのことです︵実際
YUKI14 2014/06/09
webデザイン

Web制作

デザイン

ux

web
リンク
素早くWebデザインをするためにディレクターにお願いしてること5つ | Webデザインのタネ
長年一緒に仕事しているディレクター、Webディレクターズマニュアルの@cafekentaにいつも口酸っぱくお願いしていることをまとめてみました。限られた時間で高いクオリティ、高いモチベーションを維持して納品したいので僕は彼に5つのお願いをしています。 1. ディレクター自身が納得できてから依頼をしてくださいわからないことをわからないまま依頼しても、視覚的にコンテンツの理解を助けようとするデザイナーは、ただただ混乱し時間がかかってしまうだけです。僕は必ず﹁で、結局何がしたいの？﹂と必ずディレクターに投げ返し、その意図を確認します。事前に電話一本入れてお客様に確認しておけば済むことを、勝手な憶測だけで進めてしまい結局作り直しになったケースを何度も見ています。 2. わからなければ相談してくださいワイヤーが決まらないとき、導線設計に納得いかないとき、わからなければ相談してください。ディレク
YUKI14 2014/05/16
WEBデザイン

web

web制作

ディレクション

webデザイン
リンク
なぜ緊急時になるとデザインが崩れるのか
本日話題になった銀行サイトの緊急メッセージ。このように緊急時になるとサイトデザインからかけ離れたコンテンツエリアを貼付けるサイトは少なくありません。サイト運営は大事業コンテンツの仕事に携わる海外のプロフェッショナルと情報交換をすることがありますが、最初驚いたことが運営人数が圧倒的に違うところ。日本で、ひとりかふたりの﹁Web担当者﹂が運営しているサイトの規模だと、海外︵特に欧米︶の場合、10人前後のチームを抱えていることがあります。10人前後の Web チームが存在するのは、メディア・パブリッシングのようなコンテンツの掲載頻度が高いサイトに限らず、様々なジャンルで同じことがいえます。大企業の Web サイトだとおもっと多くの人を抱えていることがあるそうです。 Web チームの仕事は企業によって異なりますが、共通して以下のようなタスクがあります。コンテンツ制作から掲載までのワークフ
YUKI14 2014/05/15
webdesign

Webデザイン

web
リンク
“良いWebサイト”ってどんなサイト？良いサイトをつくるために必ず定めるべき3つの要素 | 初代編集長ブログ―安田英久
﹁良いWebサイトの例を教えてください﹂﹁どんなサイトが良いWebサイトなのですか?﹂……仕事柄、こんなことを、たまに聞かれます。今日は、﹁良いWebサイトとは何か﹂﹁良いWebサイトを作るためには何が必要か﹂の原則を解説します。﹁良いWebサイト﹂とはどんなサイトのことでしょうか。キレイなデザインのサイト？情報がたくさん詰まっているサイト？便利なサイト？表示が早いサイト？使っていて楽しいサイト？スマホで見やすいサイト？マーケ寄りの人は、﹁人がたくさん集まるサイトが良いサイトだ﹂﹁コンバージョンが多いサイトが良いサイトだ﹂と言うかもしれません。でも、本当にコンバージョンが多ければ、すべて﹁良いサイト﹂なのでしょうか。結論から言うと、﹁良いサイト﹂とは、﹁特定のユーザー層が、特定の状況で、特定のゴールを達成しやすいサイト﹂だと思っています。だから、良いサイトを作るために定めておくべ
YUKI14 2014/05/14
web

web制作

webデザイン

Webサイト
リンク
いまさら聞けないRetina対応のための「ピクセル」の話
ピクセル密度とピクセル比の関係ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです︵と考えています︶。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。ピクセル比に似た値﹁dp﹂とwindow.devicePixelRatio Androidの密度非依存ピクセル﹁dp﹂ Density-i
YUKI14 2014/04/01
CSS

webデザイン

web制作

画像

web
リンク
カスタマージャーニーマップとは？ UX向上を達成する7つの事例と作成方法 | 実践！プロも使うラピッドUX手法
YUKI14 2014/04/01
web

marketing

マーケティング

web制作

Webデザイン

Webマーケティング
リンク
『色を色で見ないで』
1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。これから綴るのは、デザインの細かいテクニックやハウツーではありません。様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。﹁ワタシ、デザインワカラナイワ﹂というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理
YUKI14 2014/03/09
*あとで読む

Webデザイン

web

webdesign

デザイン

配色
リンク
2013年に開いて直感的に素敵だな、すげーとおもったWebサイト大賞
というわけで本年度、すごいなとおもったWebサイトをご紹介。先に15サイトを紹介したのち、最後に大賞5つを紹介します（大賞が5つもあることに関しては気にしないでください） αブログならぬ、αサイト！レッツスタート！ ※サイトデザインは旬ものなので、時期を過ぎるとリンク切れ、デザインの変更があります。今すぐ楽しんでください。ノミネート15作品ゲスの極み乙女。　official website サイドバーから各種ページに移動した時に、地味に動くのがなんかむかつく（いい意味で）。とくにMEDIAページね。そんなわけで、このサイト、デザインというよりインパクトで受賞。胸やけ・吞酸劇場〜胸屋家の酸っぱい１日このFlashの死んだ時代に、あえてオールFLASHに挑むその度胸。さらにそれぞれのコンテンツが微妙に面白くてやばい。やばいというかヤヴァイ。FLASHヤヴァイ賞。 STAGEWOR
YUKI14 2014/01/04
*あとで読む

Webサイト

web

webデザイン

Web制作

まとめ

デザイン
リンク
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから約26年間、多くの方々に支えていただき、運営を続けてまいりました。転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、今後も、IT/Web業界やクリエイティブ
YUKI14 2013/11/04
twitter bootstrap

web

twitter

web制作

Webデザイン
リンク
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
YUKI14 2013/10/01
webデザイン

web
リンク
サイトを企画・設計する前に決めるべき14の項目（ディレ協主催「0ディレ」講演レポ）
「0からのウェブディレクション講座設計編」に行って来ました！今回の講師はディレ協所属、DCHSの高瀬さん。レポートは初登場のユースケです！よろしくです！制作に”入る前”こそ重要今回は設計編ということで、サイト制作に入る前段階で「明確にすべき項目」と「その方法」にスポットを当てた講演内容となっていて企画そのものの成功率を上げるに何を知るべきかスムーズに制作を進めるためには何を準備すべきかプロジェクトを高速で進めるための戦略のとりかたは？といった、現場のディレクターにとって重要すぎるほど重要な内容がギッシリな”濃い”講演でした。意図不明なサイトや、ぜい肉たっぷりなサービスができあがる原因はどこにあって、どうすれば解消できるのか？今回僕が学んだことを一気に並べて共有したいと思います。資料スライド公開このレポート内で紹介している14項目について、講師の高瀬さんが公開してくれてい
YUKI14 2013/09/23
web

Web制作

webデザイン

企画

ビジネス

ディレクション
リンク
1 2 3 4 5 6 7 8 9 10 次のページ