Web Design: Wireframes to Prototypes | Coursera

課程信息. 100,388 次近期查看. This course is focused on the application of the early UX research to actual user interfaces: the creation of wireframes, ... List瀏覽艺术与人文音乐与艺术本課程是UI/UXDesign專項課程專項課程的一部分WebDesign:WireframestoPrototypesFilledStarFilledStarFilledStarFilledStarFilledStar4.9星697個評分RomanJaster  免費註冊於6月30日開始有助學金44,815人已註冊提供方關於授課教師授課大綱審閱註冊選項常見問題解答UI/UXDesign專項課程加州艺术学院免費註冊於6月30日開始關於授課教師授課大綱審閱註冊選項常見問題解答課程信息108,672次近期查看ThiscourseisfocusedontheapplicationoftheearlyUXresearchtoactualuserinterfaces:thecreationofwireframes,high-fidelitymockups,andclickableprototypes.Alongthewaywewillalsodiscuss:-Responsivewebdesignandmobilewebchallenges -Mobile-firstapproach -Webtypography -Therelationshipbetweendesignandprogrammingandwhetheritisimportanttoknowhowtocode -Thedifferentwebtechnologiesthatmakethewebwork,suchasHTML,CSS,JavaScript,server-sidecoding,anddatabases. ThiscourseisthecontinuationofthecourseWebDesign:StrategyandInformationArchitecture,inwhichstudentscompletedthefirsthalfofalargescaleproject—developingacomprehensiveplanforacomplexwebsite.IfyouareintendingtocompletetheassignmentsinthiscoursetoearnacertificateyoumustcompletetheStrategyandInformationArchitecturecoursefirstsoyouhavethematerialsanddataneededtobegincreatingwireframesandmockupsinthiscourse. ThisisthefourthandlastcourseintheUI/UXDesignSpecialization,whichbringsadesign-centricapproachtouserinterface(UI)anduserexperience(UX)design,andofferspractical,skill-basedinstructioncenteredaroundavisualcommunicationsperspective,ratherthanononefocusedonmarketingorprogrammingalone. ThesecoursesareidealforanyonewithsomeexperienceingraphicorvisualdesignandwhowouldliketobuildtheirskillsetinUIorUXforappandwebdesign.Itwouldalsobeidealforanyonewithexperienceinfront-orback-endwebdevelopmentorhuman-computerinteractionandwanttosharpentheirvisualdesignandanalysisskillsforUIorUX.可靈活調整截止日期可靈活調整截止日期根據您的日程表重置截止日期。

可分享的證書可分享的證書完成後獲得證書100%在線100%在線立即開始，按照自己的計劃學習。

專項課程第4門課程（共4門）UI/UXDesign專項課程中級中級完成時間（小時）完成時間大約為41小時可選語言英語（English）字幕：阿拉伯語（Arabic）,法語（French）,（歐洲人講的）葡萄牙語,意大利語,越南語,德語（German）,俄語（Russian）,英語（English）,西班牙語（Spanish）您將獲得的技能SketchAdobeXDAdobeIllustratorHTML/CSSBalsamiq可靈活調整截止日期可靈活調整截止日期根據您的日程表重置截止日期。

可分享的證書可分享的證書完成後獲得證書100%在線100%在線立即開始，按照自己的計劃學習。

專項課程第4門課程（共4門）UI/UXDesign專項課程中級中級完成時間（小時）完成時間大約為41小時可選語言英語（English）字幕：阿拉伯語（Arabic）,法語（French）,（歐洲人講的）葡萄牙語,意大利語,越南語,德語（German）,俄語（Russian）,英語（English）,西班牙語（Spanish）授課教師授課教師評分4.87/5 （163個評分）RomanJasterVisitingFaculty,PrograminGraphicDesignSchoolofArt62,094個學生2門課程提供方加州艺术学院CalArtshasearnedaninternationalreputationastheleadingcollegeofthevisualandperformingartsintheUnitedStates.Offeringrigorousundergraduateandgraduatedegreeprogramsthroughsixschools—Art,CriticalStudies,Dance,Film/Video,Music,andTheater—CalArtshaschampionedcreativeexcellence,criticalreflection,andthedevelopmentofnewformsandexpressions.轉至上一個證明書轉至下一個證明書123授課大綱-您將從這門課程中學到什麼內容評分ThumbsUp97%（3,415個評分）週1週1完成時間（小時）完成時間為1小時CourseOverview完成時間（小時）完成時間為1小時Reading4個視頻（總計10分鐘）,10個閱讀材料查看全部Video4個視頻CourseIntroduction1分鐘WhyPeerReview?1分鐘PeerReviewTips4分鐘Howtoapplyfeedback2分鐘Reading10個閱讀材料Aboutthiscourse2分鐘Abouttheassignments3分鐘ProjectBrief2分鐘Requiredtools2分鐘AcademicIntegrity2分鐘AboutCalArtsandthePrograminGraphicDesign3分鐘Whatispeerreview?5分鐘InstructorPresenceandStaffSupport1分鐘ForumGuidelines2分鐘RequestingPeerReviews2分鐘完成時間（小時）完成時間為7小時NotGettingCaughtupintheDetails:WireframesThisweekisallaboutwireframes.Aftermappingoutourstrategyandscopeinthepreviouscourse,WebDesign:StrategyandInformationArchitecture,thisisthefirsttimeintheprocessthatwewilladdressthescreen.Nowthingsaregoingtogetmuchmoreconcreteaswe’restartingtoactuallylayoutelementsfortheuserinterface.Thisweekyouwilllearnwhyworkingonwireframesfirst—beforedesigninghigh-fidelitymockups—isahelpfulintermediatestep.I’llalsotalkaboutresponsivedesign,navigationsystems,wayfinding,commondesignpatterns,andstrategiesforhomepagedesign.And,we’lldiscusswhichtoolsaremostappropriateforcreatingwireframes.Becausecreatingthosewillbeyourassignmentattheendoftheweek.完成時間（小時）完成時間為7小時Reading18個視頻（總計113分鐘）,5個閱讀材料,3個測驗查看全部Video18個視頻IntroductiontoWeek11分鐘IntroductiontoWireframes5分鐘ResponsiveDesign:Whatsizeshouldyourwebsitebe?8分鐘IntroductionandPrimarynavigation4分鐘Secondaryandutilitynavigation5分鐘Relatedcontent,inlinelinks,indexes,andsearch4分鐘Wayfinding6分鐘Header6分鐘Footer2分鐘Sidebar2分鐘Content8分鐘CommonFormElements7分鐘IntroductiontoHomepageContentStrategies4分鐘ExamplesofHomepageContentStrategies13分鐘WireframingTools6分鐘Wireframes:Bradley8分鐘Wireframes:Alyson,part18分鐘Wireframes:Alyson,part27分鐘Reading5個閱讀材料ExampleWireframes:PasadenaConservatoryofMusic2分鐘Scrolling6分鐘FurtherReading14分鐘Tryityourself:Sketchoutawireframe15分鐘AFinalThoughtfortheWeek1分鐘Quiz2個練習NavigationSystems10分鐘CommonDesignPatterns8分鐘週2週2完成時間（小時）完成時間為11小時Finally,MakeitBeautiful:TheMockupPhaseWefinallyreachedthepointthatmanyofyou—especiallyifyouconsideryourselfavisualdesigner—haveprobablybeenwaitingfor.We’llnowtalkaboutdesigningthelookandfeelforyourwebsite.Meaning,we’rereadytodesignvisualmockups.Finally,you’llgettodecideoncolors,typefaces,andimages.Maybeyou’llcreateafewillustrations.Andyoursitewillneedalogo,too.Thisweek,we’llfocusondesigningthevisualmockupsofjustthehomepage.Tofindsomeinspiration,I’llalsohaveyoucreateamoodboard.完成時間（小時）完成時間為11小時Reading12個視頻（總計111分鐘）,6個閱讀材料,3個測驗查看全部Video12個視頻IntroductiontoWeek21分鐘VisualMockups3分鐘DesignPrinciples7分鐘Whatiswhitespace?3分鐘Usingwhitespacetostyleaform3分鐘Avisualcomparison1分鐘WebFonts7分鐘WebTypography:Afewtips8分鐘CreatingVisualMockups9分鐘MoodboardsandHomepageMockup:Bradley6分鐘HomepageMockup:Alyson13分鐘InterviewwithRobHope:Webdesigntrends44分鐘Reading6個閱讀材料TheGrid19分鐘FurtherReading14分鐘WebHistory,Skeuomorphs&FlatDesign14分鐘Moodboards7分鐘MorefromRobHope:EBookonLandingPageHotTips1分鐘AFinalThoughtfortheWeek1分鐘Quiz2個練習DesignPrinciples/Whitespace12分鐘WebTypography8分鐘週3週3完成時間（小時）完成時間為12小時AnExcursiontoCodelandiaThisweek,you’llcontinuethevisualdesignofyourwebsites,refiningthelookandfeelbasedonpeerfeedback.Havingworkedonthehomepagemockuplastweek,it’stimetodesigntheremainingscreens.Asanimportantaside,Iwilltakeyouonashortexpeditiontothelandofcode.Althoughthisspecializationisn’taboutlearninghowtocode,Iwanttoatleastintroduceyoutothetechnologiesthatmakethewebwork.Andwe’lllookatafewcodingexamples.Afterall,thewebisbuiltuponcertainlanguages—HTML,CSS,andJavaScript.inordertobeaneffectiveUXdesigner,itishelpfultohavearudimentaryunderstandingofthesetechnologies.完成時間（小時）完成時間為12小時Reading7個視頻（總計47分鐘）,5個閱讀材料,1個測驗查看全部Video7個視頻IntroductiontoWeek31分鐘DoINeedtoLearnHowtoCode?4分鐘SurveyofWebTechnologies13分鐘HTMLvs.CSSvs.Javascript:Ametaphoricaladventure6分鐘HTMLBasics5分鐘CSSBasics8分鐘WebInspector8分鐘Reading5個閱讀材料AWebDesignHistoryPrimer7分鐘Howtobecomeaunicorn5分鐘Tryityourself:StylingButtons15分鐘Further"Reading"1小時9分AFinalThoughtfortheWeek1分鐘週4週4完成時間（小時）完成時間為10小時PuttingitallTogether:FinalPresentationWelcometothefinalweekofthiscourseandthefinalweekoftheentireUI/UXDesignSpecialization.Ihopethatyoulearnedalotofnewconcepts,techniques,andskillsthatwillallowyoutodesignsomeamazinginteractiveexperiencesintherealworld.Thisweek,youwillhavetimetoreviseanyofyourprojectcomponents.AndthenI’dlikeyoutoassemblethemintoapresentationthatwillrepresenttheculminationofalloftheUXphaseswecovered.Thisshouldbeagreatprojecttoincludeinyourportfolio.I’llalsoshowyouhowtotakeyourstaticmockupsandassemblethemintoclickableprototypes.完成時間（小時）完成時間為10小時Reading8個視頻（總計39分鐘）,2個閱讀材料,2個測驗查看全部Video8個視頻IntroductiontoWeek41分鐘ClickablePrototypesIntroduction1分鐘InvisionIntroduction2分鐘ExportingAssets3分鐘ImportingAssetsandCreatingHotspots7分鐘HotspotTemplates5分鐘FullMockups:Bradley8分鐘FullMockups:Alyson8分鐘Reading2個閱讀材料DarkPatterns14分鐘AFinalThoughtfortheWeek1分鐘審閱4.9FilledStarFilledStarFilledStarFilledStarFilledStar161條評論5stars88.84%4stars8.89%3stars1.69%2stars0.28%1star0.28%來自WEBDESIGN:WIREFRAMESTOPROTOTYPES的熱門評論FilledStarFilledStarFilledStarFilledStarFilledStar由ET提供2021年2月9日Wellroundedcoursewithdesign,prototyping,andasmidgeofuxtips.Bettertrackthantheotheruniversity'sUX&Design.Ilearnedsomuch,A+course,nocomplaints.FilledStarFilledStarFilledStarFilledStarFilledStar由CF提供2021年2月20日Thecontentofthiscourseisveryrich,themethodologyisstraightforwardandRomanJasterisanamazinginstructor!FilledStarFilledStarFilledStarFilledStarFilledStar由SV提供2020年8月6日AbsolutelyAmazing.Lovedit.CouldhavebeenmoreusefulifyouwouldhaveincludedatutorialtouseAdobeorillustratorFilledStarFilledStarFilledStarFilledStarFilledStar由AR提供2019年8月29日Itisreallyaveryniceandhelpfulcourse.ThisUXdesignspecializationisamustforallUXdesignbeginners.查看所有評論關於UI/UXDesign專項課程TheUI/UXDesignSpecializationbringsadesign-centricapproachtouserinterfaceanduserexperiencedesign,andofferspractical,skill-basedinstructioncenteredaroundavisualcommunicationsperspective,ratherthanononefocusedonmarketingorprogrammingalone.Inthissequenceoffourcourses,youwillsummarizeanddemonstrateallstagesoftheUI/UXdevelopmentprocess,fromuserresearchtodefiningaproject’sstrategy,scope,andinformationarchitecture,todevelopingsitemapsandwireframes.You’lllearncurrentbestpracticesandconventionsinUXdesignandapplythemtocreateeffectiveandcompellingscreen-basedexperiencesforwebsitesorapps.Userinterfaceanduserexperiencedesignisahigh-demandfield,buttheskillsandknowledgeyouwilllearninthisSpecializationareapplicabletoawidevarietyofcareers,frommarketingtowebdesigntohuman-computerinteraction. LearnersenrolledintheUI/UXDesignSpecializationareeligibleforanextendedfreetrial(1month)ofafullproductsuiteofUXtoolsfromOptimalWorkshop.DetailsareavailableinCourse3oftheSpecialization,WebDesign:StrategyandInformationArchitecture.常見問題我什么时候能够访问课程视频和作业？讲座和作业的访问权限取决于您的注册类型。

如果您以旁听模式参加课程，则可以免费查看大多数课程资料。

要访问评分作业并获得证书，您需要在旁听期间或之后购买证书体验。

如果看不到旁听选项：课程可能不提供旁听选项。

您可以尝试免费试用，也可以申请助学金。

课程可能会改为提供'完整课程，没有证书'。

通过此选项，您可以查看所有课程材料、提交所要求的作业，以及获得最终成绩。

这也意味着您将无法购买证书体验。

我订阅此专项课程后会得到什么？您注册课程后，将有权访问专项课程中的所有课程，并且会在完成课程后获得证书。

您的电子课程证书将添加到您的成就页中，您可以通过该页打印您的课程证书或将其添加到您的领英档案中。

如果您只想阅读和查看课程内容，可以免费旁听课程。

有助学金吗？是的。

如果您负担不起学习计划的注册费，则可以在选择学习计划时申请助学金或奖学金。

如果您选择的学习计划提供助学金或奖学金，则您将在描述页面上看到一个申请链接。

WhattoolsorsoftwarewillIneedtocompletethiscourse?Sincethisisagraphicdesigncourse,tocompletetheassignmentsyouwillneedaccesstoadesktoporlaptopcomputerwiththeappropriatesoftwareinstalled.Youcan'treallydographicdesignworkproperlyonasmartphoneortablet.AdobeCCsoftwareisrecommendedforthesecourses,butalternativesareavailable.Softwarewillbereviewedingreaterdetailinthefirstweekofthecourse.還有其他問題嗎？請訪問學生幫助中心。

CourseraFooter開拓職業生涯或促進職業發展Google數據分析師Google項目管理GoogleUX設計GoogleIT支持IBM數據科學IBM數據分析師使用Excel和R的IBM數據分析IBMCybersecurityAnalystIBM數據工程IBM全棧雲開發人員Facebook社交媒體營銷Facebook市場營銷分析Salesforce銷售發展代表Salesforce銷售運營直覺簿記備考GoogleCloud認證：雲架構師備考GoogleCloud認證：雲數據工程師開啟您的職業生涯準備證書開拓職業生涯瀏覽熱門主題免費課程學習語言pythonJava網頁設計SQLCursosGratisMicrosoftExcel項目管理網絡安全人力資源數據科學免費課程說英語內容寫作全棧網絡開發人工智能C語言程序設計溝通技能區塊鏈查看全部課程熱門課程和文章適用於數據科學團隊的技能數據驅動的決策軟件工程技能工程團隊所需的軟技能管理技能營銷技能銷售團隊所需的技能產品經理技能財務技能英國的熱門數據科學課程BeliebteTechnologiekurseinDeutschland熱門網絡安全證書熱門IT證書熱門SQL證書營銷經理職業指南項目經理職業指南Python程序設計技能Web開發者職業指南數據分析師技能用戶體驗設計師方面的技能在線獲得學位或證書MasterTrack®證書專業證書大學證書MBA和商學學位DataScienceDegreesComputerScienceDegrees數據分析師學位公共衛生學位社會科學學位管理學位歐洲頂級大學學位碩士學位學士學位具有成績錄取途徑的學位學士學位課程什麼是學士學位？取得碩士學位需要多長時間？在線獲取MBA有什麼價值？報名研究生院的7種付費方式查看所有證書Coursera關於我們提供的內容管理團隊工作機會目錄CourseraPlus專業證書MasterTrack®證書學位企業版政府版面向校園成為合作夥伴新冠疫情響應社區學生合作夥伴開發者Beta測試人員專業譯員博客技術博客教學中心更多媒體投資者條款隱私幫助內容訪問聯繫我們文章目錄附屬公司現代奴隸制聲明隨時隨地學習©2022CourseraInc.保留所有權利。